jquery easyui 阶段总结

2023-05-25,,

 近期使用jquery easyui比较多,现在总结一下几种常用的方法:

获取当前行索引:

  1. var index = $("#productAttrGrids").datagrid('getRowIndex',row); 

根据已知索引获取行:

 

  1. var row = $("#productAttrGrids").datagrid('getRows')[index]; 

开始编辑某一行:

  1. $('#productAttrGrids').datagrid('beginEdit', index); 

结束编辑某一行:

  1. $("#productAttrGrids").datagrid('endEdit',index); 

更新某一行:

  1. $('#productAttrGrids').datagrid('updateRow',{ 
  2.                             index:index,//行索引 
  3.                             row:{ 
  4.                                 action:del //action是th中的field,del是新的值
  5.                             } 
  6.                         }); 

根据索引删除某一行:

  1. $("#productAttrGrids").datagrid('deleteRow', index); 

添加工具栏:

  1. $('#productAttrGrids').datagrid({ 
  2. toolbar:[{ 
  3.                     text:'添加', 
  4.                     iconCls:'icon-add', 
  5.                     handler:function(){ 
  6.                     //点击事件   
  7. },'-',{ 
  8. text:'删除', 
  9.                     iconCls:'icon-remove', 
  10.                     handler:function(){ 
  11. //点击事件 
  12. }] 
  13.  

第一次用这几个点,先总结这么多吧。

《jquery easyui 阶段总结.doc》

下载本文的Word格式文档,以方便收藏与打印。