首页 > 技术文章 > 常用Tables控件介绍(三)

haokan 2019-12-07 19:05 原文

向datagrid中添加临时记录:

 

 代码:

 1 $(function(){    
 2     fun={
 3         add:function(){
 4             $.ajaxSettings.async=false;
 5             var rows=$('#dg').datagrid('getRows');                    
 6             var len=rows.length+1;                        //获取当前页面所有的记录数
 7             var row=[];
 8             row['num']=len;
 9             $('#dg').datagrid('insertRow',{                //添加记录到当前datagrid中
10                 row:{
11                     id:len,
12                     num:len
13                 }
14             });            
15         }
16     }
17 
18     $('#dg').datagrid({
19         url:"",
20         title:"数字列表",
21         singleSelect:true,
22         fitColumns:true,
23         columns:[[
24             {field:"id",title:'ID号',width:100,align:"center"},
25             {field:"num",title:'数字',width:100,align:"center"}
26         ]],
27         width:300
28     })
29 })

 

$(function(){   
    fun={
        add:function(){
            $.ajaxSettings.async=false;
            var rows=$('#dg').datagrid('getRows');                  
            var len=rows.length+1;                      //获取当前页面所有的记录数
            var row=[];
            row['num']=len;
            $('#dg').datagrid('insertRow',{             //添加记录到当前datagrid中
                row:{
                    id:len,
                    num:len
                }
            });         
        }
    }

    $('#dg').datagrid({
        url:"",
        title:"数字列表",
        singleSelect:true,
        fitColumns:true,
        columns:[[
            {field:"id",title:'ID号',width:100,align:"center"},
            {field:"num",title:'数字',width:100,align:"center"}
        ]],
        width:300
    })
})

推荐阅读