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

Question

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

Answer 1

查看 jQWidgets v4.1.2 的发布。

那里说：

Added watermark in major widgets for non-commercial & evaluation versions. Non-commercial users may request a production build without the watermark by writing to sales@jqwidgets.com.

您可以写信给 sales@jqwidgets.com 并索取无水印的制作包，但仅限于非营利项目。

Answer 2

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

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

Answer 3

使用最新版本（非商业版），我可以通过添加以下语句来删除水印：

<script type="text/javascript">
    $(document).ready(function () {
        jqx.credits = '12F129D4-0E1B-44B8-9BBB-BB4CF78CC6BA';

        // do wathever you want with the library there...
    });
</script>

请注意，您的令牌可能有所不同。你只需要在js文件中搜索即可。

Answer 4

好吧，我找到了隐藏水印的简单方法。这样就不用修改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>

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

How to remove jQWidgets watermark in grid?

watermark

jqwidget