码迷,mamicode.com
首页 > 其他好文 > 详细

常用Tables控件介绍(三)

时间:2019-12-07 19:45:28      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:setting   fit   sele   ola   临时   span   tin   ace   uri   

向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
    })
})

常用Tables控件介绍(三)

标签:setting   fit   sele   ola   临时   span   tin   ace   uri   

原文地址:https://www.cnblogs.com/haokan/p/12002976.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!