jQueryflexigrid表格控件资源-CSDN下载

共61个文件

gif：12个

js：8个

png：7个

jquery

flex

5星 · 超过95%的资源需积分: 17 143 浏览量 2011-12-22 11:08:12 上传评论收藏 286KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

testFlexiGrid.rar （61个子文件）

testFlexiGrid

WebForm1.aspx 640B

test1.aspx.cs 7KB

bin

DataBaseTools.dll 24KB

testFlexiGrid.pdb 24KB

testFlexiGrid.dll 24KB

_vti_cnf

testFlexiGrid.csproj 112B

testFlexiGrid.suo 85KB

Web.config 6KB

Styles

images

line.gif 817B

fhbg.gif 836B

wbg.gif 868B

Edit.gif 360B

last.gif 220B

ddn.png 111B

first.gif 217B

magnifier.png 615B

prev.gif 186B

up.png 224B

next.gif 185B

load.png 827B

uup.png 130B

bg.gif 854B

load.gif 2KB

Thumbs.db 23KB

Delete.gif 67B

hl.png 189B

dn.png 220B

btn-sprite.gif 955B

flexigrid.pack.css 10KB

Site.css 4KB

flexigrid.css 13KB

TestFlexiGrid.html 6KB

WebForm1.aspx.cs 965B

testFlexiGrid.csproj.webinfo 124B

test1.aspx.resx 2KB

_vti_pvt

deptodoc.btr 324B

services.cnf 3B

doctodep.btr 324B

service.lck 0B

service.cnf 1KB

AssemblyInfo.cs 2KB

WebForm1.aspx.resx 2KB

Global.asax.resx 2KB

testFlexiGrid.sln 942B

testToggle.htm 614B

test1.aspx 107B

_vti_script

Global.asax.cs 1KB

Global.asax 80B

Scripts

flexigrid3.js 42KB

jquery.js 118KB

flexigrid.pack.js 26KB

jquery-1.4.1.js 165KB

flexigrid.js 44KB

flexigrid最新版本.rar 24KB

flexigrid修改过的没有修改json传值方式之前的.rar 10KB

jquery-1.4.1-vsdoc.js 234KB

flexigrid.js.bak 44KB

flexigrid2.js 43KB

jquery-1.4.1.min.js 70KB

TestFlexiGrid1.htm 2KB

_vti_txt

testFlexiGrid.csproj 8KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script language="javascript" src="Scripts/jquery-1.4.1.js"></script> <script language="javascript" src="Scripts/flexigrid.js"></script> <link rel="stylesheet" type="text/css" href="Styles/flexigrid.css"/> <title>无标题文档</title> <script type="text/javascript"> $(document).ready(function () { ///$("#TestTable").flexigrid(); // ReadFlieiGrid(Act,sDate,eDate); $("#radio1").click(function(){ document.getElementById("radView").style.display = "block"; }); $("#FlexiGridTable").flexigrid({ url:'test1.aspx?act=test1', dataType:'json', usepager: true, title: '产品数据列表', useRp: true, rp: 10, showTableToggleBtn: true, width:500, height: 'auto', striped: true, autoload:false, checkbox:true, SingleSelection:false, //qtype:"CustomerID", //qop:"like", edits:true, deleteButton:true, gridClass: "bbit-grid",//样式 procmsg:"加载数据,请稍后....", colModel:[ {display:"n1",name:"CustomerID",width:"80",sortable:true,align:"center",hide:true}, {display:"编号",name:"CustomerID",width:"80",sortable:true,align:"center"}, {display:"名字",name:"Name",width:"80",sortable:true,align:"center"}, {display:"性别",name:"Sex",width:"80",sortable:true,align:"center"}, {display:"职位",name:"Duty",width:"80",sortable:true,align:"center"} ], buttons :[ {name:"添加",onpress:btnTest}, {separator: true} , {name:"修改",onpress:btnTest}, {separator: true} , {name:"删除",onpress:btnTest} ], sortname: "CustomerID,Name", sortorder: "desc" }); $("#btnSumbit").click(function(){ var sDate = $("#Start").val(); var eDate = $("#End").val(); /* $("#FlexiGridTable").flexigrid({params:[ {name : "sDate" , value : sDate }, {name : "eDate" , value : eDate } ]}).flexReload(); */ //$("#FlexiGridTable").flexigrid({url:"test1.aspx?act=test1&sDate="+sDate}).flexReload(); $("#FlexiGridTable").flexReload({url:"test1.aspx?act=test1&sDate="+sDate+"&eDate="+eDate}); //ReadFlieiGrid("test1",sDate,eDate); }); /* $.ajax({ url:"test1.aspx", type:"get", async:false, cache: false, dataType:"text", data:"act=test", success:function(msg){ alert(msg); //alert(msg); }, error: function(){ alert("出错！"); } }); */ //ReadFlieiGrid("test1","2011-11-1"); //var sDate = $("#Start").val(); //var eDate = $("#End").val(); }); function ReadFlieiGrid(Act,sDate,eDate) { } function btnTest(com,grid) { if(com == "添加") { //alert("添加按钮" + grid.CustomerID); //alert(rowId); //alert(grid.flexGetData()); alert("看能不能出来"); } else if(com == "修改") { alert("修改按钮"); $("FlexiGridTable").flexReload(); } else if(com == "删除") { //alert("已经删除了" + $('.trSelected',grid).length + "记录"); var ids = ""; $('.trSelected td:nth-child(3)',grid).each(function(){ ids += "," + $(this).text(); }); //$('.trSelected td:nth-child(3)',grid) ids = ids.substring(1); //ids = $('.trSelected',grid).attr("id").replace("row",""); alert(ids); } } //要实现的编辑按钮方法 function EditClick(This) { var CustomerID = $(This).parent().parent().siblings("td").eq(1).children().html(); var Name = $(This).parent().parent().siblings("td").eq(2).children().html(); var Sex = $(This).parent().parent().siblings("td").eq(3).children().html(); //alert(CustomerID + "--" + Name +"--"+ Sex); //alert($("#Column1-1").html()); var id = $(This).attr("id"); var strName = "Columnx" + id + "-" + "2" ; var strCus = "Columnx" + id + "-" + "1" ; alert($('#'+ strCus).children().html() +"-"+ $('#' + strName).children().html()); //alert($("#Columnx" + id + "-" + "2").html()); } //删除按钮要实现的方法 function DeleteClick(This) { var CustomerID = $(This).parent().parent().siblings("td").eq(1).children().html(); var Name = $(This).parent().parent().siblings("td").eq(2).children().html(); var Sex = $(This).parent().parent().siblings("td").eq(3).children().html(); alert(CustomerID + "--" + Name +"--"+ Sex); } function Alert(This) { alert($(This).parent().html()); } </script> </head> <body> <div> <input id="Start" type="text" /> -- <input id="End" type="text" /> <input type="button" id="btnSumbit" value="查询"> </div> <div> <table id="FlexiGridTable"></table> </div>  <div> <input type="radio" id="radio1" ><label for="radio1">点击我</label></div> <div style="display:none;" id="radView"> <input type="radio" id="Radio2" VALUE="Radio2" NAME="RadioGroup"><label for="radio1">点击我1</label> <input type="radio" id="Radio3" VALUE="Radio3" NAME="RadioGroup"><label for="radio1">点击我2</label> <input type="radio" id="Radio4" VALUE="Radio4" NAME="RadioGroup"><label for="radio1">点击我3</label> <input type="radio" id="Radio5" VALUE="Radio5" NAME="RadioGroup"><label for="radio1">点击我4</label> <input type="radio" id="Radio6" VALUE="Radio6" NAME="RadioGroup"><label for="radio1">点击我5</label> <input type="radio" id="Radio7" VALUE="Radio7" NAME="RadioGroup"><label for="radio1">点击我6</label> </div> </body> </html>