如何去除网格中的jQWidgets水印？

Question

我使用非商业版本的jQWidgets。当jQWidgets网格加载时，一个超链接"www.jqwidgets.com“出现大约两秒钟，然后消失。如何去除网格中的水印？

Answer 1

查找代码: String.fromCharCode(119,119,119,46,106,113,119,105,100,103,101,116,115,46,99,111,109)

在所有文件中并将其替换为“

Answer 2

检查jQWidgets v4.1.2的发行版。

上面写着：

在非商业和评估版本的主要部件中添加水印。非商业用户可以通过写信给sales@jqwidgets.com，在没有水印的情况下请求生产生成.

您可以写信到sales@jqwidgets.com，并要求生产包没有水印，，但只为非营利项目。

Answer 3

我找到了一个简单的隐藏水印的方法。这样，您就不必修改jqwidgets的源代码了。您只需要编写一个简单的css来覆盖水印元素的颜色。它将适用于所有版本。

CSS覆盖颜色：

    span[id^="jqxWidget"] 
    {
        color: transparent !important;
    }

您将在片段中找到完整的示例。

​

var data = generatedata(500);
 var source = {
     localdata: data,
     datafields: [{
         name: 'firstname',
         type: 'string'
     }, {
         name: 'lastname',
         type: 'string'
     }, {
         name: 'productname',
         type: 'string'
     }, {
         name: 'date',
         type: 'date'
     }, {
         name: 'quantity',
         type: 'number'
     }, {
         name: 'price',
         type: 'number'
     }],
     datatype: "array"
 };

 var adapter = new $.jqx.dataAdapter(source);
 $("#jqxgrid").jqxGrid({
     width: 500,
     theme: 'energyblue',
     source: adapter,
     sortable: true,
     filterable: true,
     showfilterrow: true,
     columns: [{
         text: 'First Name',
         datafield: 'firstname',
         columngroup: 'Name',
         width: 90
     }, {
         text: 'Last Name',
         columngroup: 'Name',
         datafield: 'lastname',
         width: 90
     }, {
         text: 'Product',
         datafield: 'productname',
         width: 170
     }, {
         text: 'Order Date',
         datafield: 'date',
         width: 160,
         cellsformat: 'dd-MMMM-yyyy'
     }, {
         text: 'Quantity',
         datafield: 'quantity',
         width: 80,
         cellsalign: 'right'
     }, {
         text: 'Unit Price',
         datafield: 'price',
         cellsalign: 'right',
         cellsformat: 'c2'
     }]
 });
 $('#jqxgrid').on('filter', function () {
     alert("The Grid has been filtered");
 });

span[id^="jqxWidget"] 
{
    color: transparent !important;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css" rel="stylesheet"/>
<link href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css" rel="stylesheet"/>
<script src="https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/generatedata.js"></script>

<div id='jqxWidget'>
    <div id="jqxgrid"></div>
</div>

​