当前位置: 首页 > 工具软件 > jQWidgets > 使用案例 >

jqwidgets技术分享

法景明
2023-12-01
如题,整理一些jqwidgets资料和大家分享一下,下面是控件jqxGrid 的一些常用问题:   
   
  • Grid添加行数据无法分页 
     var row = {};  
     row["test"] = "1"; $("#Grid").jqxGrid('addrow', null, row);

    我们工作中往往会在Grid中添加多条条数据,有时查看会发现分页出现不可用情况。

    解决方法:$('#Grid').jqxGrid({ virtualmode: false });(注意:绑定后台显示数据时virtualmode状态要改为true)
        
  • 给某个字段加点击事件
     
    $("#Grid").on("cellclick", function (event) {  if (args.datafield == '字段名') { //调用方法 } else { return false; } });
    • 给字段中加载下拉框
    {
            text: "测试",
            align: 'center',
            datafield: '数据库字段Code',
            displayfield: '数据库字段Name',
            width: '150',
            columntype: 'dropdownlist',
            cellsalign: 'center',
            createeditor: function (row, column, editor) {
                       var list = "下拉数据";
                       editor.jqxDropDownList(
                       {
                         source: list,
                         searchMode: 'NAME',
                         valueMember: 'CODE',
                         dropDownHeight: 250
                       });
                }
     }
    // 注意:数据定义两个字段接收
 类似资料: