日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > web前端 > jquery > jQuery GridView插件(附調用方法)

jQuery GridView插件(附調用方法)

來源:程序員人生   發布時間:2013-12-15 05:28:55 閱讀次數:3048次

1、使用xml、json作為數據源;
2、可進行單元格內容格式化;
3、可在單元格或行上各綁定一個事件;
4、分頁導航;
5、外觀全部使用css控

源碼插件下載:jQuery-GridView.Alpha2.rar

使用前必須引用一個jQuery pagination插件,下載中已有;
還沒有實現自定義顯示列和自定義排序,仿照目標是Extjs的Grid;

以下為引用的內容:
//不帶分頁的表格
$.ajax({
    url: 
"XMLFile1.xml"
    , success: 
function(data) {
        $(
"#grid").gridview(
            data 
//傳入數據,這里是xml
            ,{
                root: 
"root1" //指定數據的根目錄
                , row: "table" //指定行標記(只有xml文檔才有)
                , fields: [//列定義
                    { data: "id", text: "ID" }
                    , {
                        data: 
"name" //數據列
                        , text: "名字" //表頭顯示的文本
                        , dataFormat: //格式化數據顯示,指定此屬性時,data屬性將失效。
                            function(row){return "<a href=#"+row.children("id").text()+
                                
">"+row.children("name").text()+"</a>"
                            }
                        }
                    , {
                        text: 
"操作"
                        , dataFormat:
                            
function(row){return "<font color=red>刪除</font>"}
                        ,listeners:{
//在單元個上綁定事件
                            event:"click"
                            ,fn:
function(row,events){
                                alert(
"單元格事件,ID是:"+row.children("id").text())
                            }
                        }
                    }
                ]
                , listeners:{
//在行上綁定事件
                    event:"click"
                    ,fn:
function(row){
                        alert(
"行事件,ID是:"+row.children("id").text())}
                        }
                , id: 
"tab" //表格ID
                , css: "tabcls" //表格的css
            }
        );
    }
});

效果圖:

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 免费在线a | 久久国产精品久久久久久 | 欧美精品一区二区三区一线天视频 | 蜜桃一区二区在线观看 | 久久精品9| 福利视频自拍偷拍 | 成人精品一区二区三区校园激情 | www.黄在线看 | 黄色片网 | 黄色三级免费 | 看全色黄大色黄大片男爽一次 | 亚洲欧洲无码一区二区三区 | 国产精品网址 | 日韩精品中文字幕一区二区三区 | 国产精品成人av | 日韩一区二区三区免费视频 | 久久成人免费 | 欧美日本三级 | 国产精品成人一区 | 国产精品第一国产精品 | 精品一二三区视频 | 激情的网站 | 欧美日本韩国在线 | 国产视频久久 | 蜜桃一区二区在线观看 | 日韩视频在线观看 | 日日干夜夜操 | 一本一本久久a久久精品综合小说 | 成人爽a毛片免费啪啪动漫 成人欧美一区二区三区黑人孕妇 | 日本久久精品视频 | 网站黄色在线 | 日本a√在线观看 | 亚洲欧美国产一区二区三区 | 能免费看av的网站 | 精品福利一区二区三区 | 免费xxxx视频 | 日韩在线中文字幕 | 欧美日韩成人精品 | 黄网站观看 | 日韩国产精品视频 | 国产日韩欧美 |