ligerGrid的使用

原创 2013年12月04日 10:18:17

加载:

$.post('@Url.Action("defindselect")', {SPName: _productname, SPType: _sptype,ZhiYiTongID:$("#txtZhiYiTong").val() },

             function(json) {

                manager.loadData([]);

                manager.loadData(json);

             }, "json")

 

function GetData() {

$.post('@Url.Action("GetServiceProductJson", "ServiceProduct")', function(json) {

manager = $("#grid1").ligerGrid({

columns: [

{ display: 'SPID', name: 'SPID', id: "spid1", width: 10 },

{ display: '服务产品名称', name: 'SPName', width: 200 },

{ display: '执行城市', name: 'SPEXECity', id: 'SPEXECity', width: 70 },

{ display: '执行城市', name: 'Cn_spexecity', width: 70 },

{ display: '智翼通ID', name: 'ZhiYiTongID', width: 70 },

{ display: '类型', name: 'SPType', width: 50,

render: function (rowdata, rowindex, value) {

var u = "#";

                        if (rowdata.SPType == "01")

                            u = '社保';

                        if (rowdata.SPType == "02")

                            u = '公积金';

                        if (rowdata.SPType == "03")

                            u = '商保';

                        if (rowdata.SPType == "04")

                            u = '招用工';

                        return u;

}

},

{ display: '服务费', name: 'DefaultCost', width: 60 },

{ display: '执行费用', name: 'SPEXECost', width: 60 },

{  display: '操作', name: '111', width: 60,

render: function (rowdata, rowindex, value) {

                        var u = "#";

                        if (rowdata.SPType == "01")

                            u = '<ahref="/SocialCalculate/SetSocialMethod?SPID=' + rowdata.SPID + '">算法定义</a>';

                        if (rowdata.SPType == "02")

                            u = '<ahref="/Fine/index?SPID=' + rowdata.SPID + '&CityCode=' + rowdata.SPEXECity + '">算法定义</a>';

                        if (rowdata.SPType == "03")

                            u = '<ahref="/Business/index?SPID=' + rowdata.SPID + '&CityCode=' + rowdata.SPEXECity + '">算法定义</a>';

                        return u;

                   }

                },

               { display: '启用', name: 'IsUse', width: 60,

                    render: function (rowdata, rowindex, value) {

                        if (rowdata.IsUse == "1")

                            return "已启用"

                        if (rowdata.IsUse == "0")

                            return "没启用"

                   }

               }],

                 enabledEdit: false, rownumbers: true, data: json,

                 width: '100%', height: '100%',

                 onSelectRow: function (data, rowindex, rowobj) {

                    manager_rowindex = rowindex;

                     $("#SPName").val(data.SPName);

                     $("#city").val(data.Cn_spexecity);

                     $('#hid_city').val(data.SPEXECity);

                     $('#ZhiYiTongID').val(data.ZhiYiTongID);

                     $("#comtype").ligerGetComboBoxManager().setValue(data.SPType);

 

                     $("#DefaultCost").val(data.DefaultCost);

                     $("#SPEXECost").val(data.SPEXECost);

 

                     if (data.IsUse == "1") {

                         $("#IsUse").attr("checked", "true");

 

                         isuse = 1;

                         //savemanager.setDisabled();

                         $("#ProductSave").attr("disabled", "false");

                    }

                     else {

                         $("#IsUse").removeAttr("checked");

                         isuse = 0;

                         $("#ProductSave").removeAttr("disabled");

 

                         //$("#ProductSave").attr("disabled","disabled");

                         //savemanager.setEnabled();

                    }

                     $("#hid_spid").val(data.SPID);

                }

             });

            manager.toggleCol("spid1", false); //是否显示该列

             manager.toggleCol("SPEXECity", false);

        }, "json");

     }

 

 

更新行:

var selected = manager.getSelected();

manager.updateRow(selected, {ZhiYiTongID:parseInt($("#ZhiYiTongID").val())}  );

 

 

设置值:

$.post('@Url.Action("save", "ServiceProduct")', { fd: formdata },

function (result) {

manager.set({ data:result });

alert("保存成功!");

//GetData();

}, "json");

 

 

删除值:

if (result.match("删除成功")) {

manager.deleteRow(manager_rowindex);

manager_rowindex= "";  //onSelectRow行选中的时候设置值

}

 

 

重新加载:

manager.loadData([]);

manager.loadData(json);

 

 

获取值:

function getData()

{

//alert(JSON.stringify(manager.getData()));

var items = newArray();

items =manager.getData();

for (var i = 0,l = items.length; i < l; i++) {

alert(items[i].Id +items[i].Title + items[i].MessageContent);

}

}

 

LigerUI 中的 Grid (ligerGrid) 如何合并单元格

LigerUI,LigerGrid,Grid,合并单元格 在网上搜索了很都都没有正确的方法实现 合并单元格, LigerGrid 不像 EasyUI 中的 Grid 可以直接 合并单元格。 我化了点时...
  • bestsnow
  • bestsnow
  • 2016年12月10日 01:08
  • 1797

ligerGrid中的detail明细属性

在ligerGrid中,若要查看某一行的详细属性,可以添加detail属性 grid = $("#Data").ligerGrid({         columns:             [{ ...
  • whdmxl991
  • whdmxl991
  • 2015年01月04日 11:09
  • 1461

ligerui ligerGrid 先填写搜索条件,在查询 因为如果数据比较多时,这样子比较消耗流量

这个例子里面包含ligerui包含 表格搜索支持 明细表格 按照条件先搜索在查询 var manager,g; $(function() { ...
  • rendeyishi
  • rendeyishi
  • 2015年10月26日 15:45
  • 4089

ligerUI ligerGrid在提交数据后,刷新表格,刷新数据

如上图,使用
  • xtj332
  • xtj332
  • 2014年10月15日 18:53
  • 19282

ligerui实现鼠标滑过行,显示单元格内容

实现鼠标滑过行时,显示操作表格中的内容,移出时隐藏。 {display : '操作',name : 'operate_list_grid',width:'200', render:functi...
  • imyc7
  • imyc7
  • 2014年04月01日 20:08
  • 2820

玩转web之ligerui(一)---ligerGrid重新指定url

在特定情况下,我们需要重新指定ligerGrid的url来获取不同的数据,在这里我说一下我用的方法: 首先先定义一个全局变量,然后定义ligerGrid(下面的例子省略了定义全局变量的语句,只列出关键...
  • u012116457
  • u012116457
  • 2014年05月26日 20:40
  • 5516

LigerUi中Grid控件中的日期列的日期转换技巧(示例源代码)

保存问题 在 grid.bind('afterSubmitEdit', function (e) { //之后调用时间转换方法                 e.newdata.时间变量= ...
  • dxnn520
  • dxnn520
  • 2012年11月29日 16:45
  • 5515

Liger ui grid 参数

来源:http://www.51aspx.com/CodeFile/GYCMSWeb,7636/Manager/lib/ligerUI/js/plugins/ligerGrid.js.html ti...
  • wml_wu
  • wml_wu
  • 2014年02月21日 17:37
  • 3978

grid loadData(data)

如果你想加载新的数据要用store.loadData(data) 我都说了是通过loadData加载新的数据,真服了你了,还有你那个双击行的方法要不就写在外面,要不就写在grid的listeners,...
  • elfenliedef
  • elfenliedef
  • 2010年10月22日 16:37
  • 1091

扩展 jQuery EasyUI Datagrid 数据行鼠标悬停/离开事件(onMouseOver/onMouseOut)

客户需求: jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) 如图所示,Datagrid 鼠标悬停/离开数据...
  • aojiancc2
  • aojiancc2
  • 2015年05月11日 11:45
  • 3054
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ligerGrid的使用
举报原因:
原因补充:

(最多只允许输入30个字)