Tag: 网格

克隆的div不能正确停留在网格中

所以我左边有一个按钮,右边有一个表格。 如果单击左侧的按钮,则最多可以创建6个表单。 如果我手动在html中创建这些表单,一切都会正确显示。 但是,由于我正在克隆它们,它们似乎表现得很奇怪。 例如,关于第4个克隆,按钮被按下而不是停留在左上角。 每次克隆该部分时,我都会更新该表格的编号。 但是我如何让它们保持在网格中?如何根据显示的数字使它们保持升序? 谢谢! JS FIDDLE var cloneIndex = 1; var clones_limit = 5; var cloned_nbr = $(“.clonedInput”).length-1; //Exclude Default (first) div function clone() { if(cloned_nbr1){ $(this).parents(“.clonedInput”).remove(); cloned_nbr–; } } $(“.clone”).on(“click”, clone); $(“.remove”).on(“click”, remove);

JqG​​rid在单元格中选择框

我试图让一个选择框在特定的单元格中。 我有复选框显示正常,但没有显示选择框。 $( ‘#list5’)。jqGrid的({ 数据类型:“local”, 宽度:“100%”, 身高:“100%”, colNames:[‘Universe1’,’Connect String1’,’Report1’,’Object Type1’,’Path1’,’Owner1’,’|’,’Universe’,’Select’,’Connect String’,’CheckBox’, ‘报告’,’对象类型’,’路径’,’所有者’], colModel: {name:’universe1’,index:’universe1’,width:70},{name:’connect1’,index:’connect1’,width:120}, {name:’report1’,index:’report1’,width:90}, {name:’objType1’,index:’objType1’,width:50,align:“right”}, {name:’path1’,index:’path1’,width:50,align:“right”}, {name:’owner1’,index:’owner1’,width:100,align:“right”}, {name:’pipe’,index:’pipe’,width:10,align:“center”}, {name:’universe’,index:’universe’,width:70}, {name:’ship’,index:’ship’,width:90,editable:true,edittype:“select”,formatoptions:{disabled:false},editoptions:{value:“FE:FedEx; IN:InTime; TN :TNT; AR:ARAMEX“}}, {name:’connect’,index:’connect’,width:120}, {name:’airPost’,width:40,index:’airPost’,formatter:’checkbox’,align:’center’,// Checkbox editoptions:{value:“1:0”},stype:’select’,editable:true,searchoptions:{value:“1:Yes; 0:No”},formatoptions:{disabled:false}}, {name:’report’,index:’report’,width:90}, {name:’objType’,index:’objType’,width:50,align:“right”}, {name:’path’,index:’path’,width:50,align:“right”}, {name:’owner’,index:’owner’,width:100,align:“right”} ] 标题:“网格”, autowidth:true, viewrecords:是的, footerrow:是的, userDataOnFooter:true, 数据:mydata });

重新加载网格不适用于多个jqgrid

我正在使用jqgrid。 我的页面有三个选项卡,每个选项卡包含不同的网格。 所有网格都有不同的ID。 选项卡的内容是通过懒惰的AJAX请求获取的。 现在,在渲染了所有三个网格后,我尝试通过函数重新加载网格 jQuery(“#myOffersTable”).trigger(‘reloadGrid’); 只有最后重新加载的网格才对其他网格起作用。 例如,如果网格加载seq为:1-2-3,则此代码仅适用于网格3,但如果seq为3-2-1,则它仅适用于1。 但是,如果我尝试使用导航栏上的重新加载按钮重新加载网格,它可以正常工作。 更新: 我正在使用Struts2 jQuery Plugin.It使用jqGrid 3.6.4我使用ajax加载json数据。 下面是我的网格的定义。 我有三个这样的网格都有不同的ID和所有的东西。 每个网格上方都有一个搜索按钮,它使用参数sel.sel调用以下函数,1,2或3对应于每个网格 function search(sel) { alert(“search”); if(sel==1) { tradeOffer = $(“#games”).val(); var srchValue = $(“#srchoptions”).val(); $.ajaxSetup({ data: {‘gameId’: tradeOffer}, }); jQuery(“#offerstable”).jqGrid(‘setGridParam’,{url:”offers.action?q=1&srch=”+srchValue,page:1}); //jQuery(“#offerstable”).trigger(‘reloadGrid’); $(“#offerstable”).trigger(“reloadGrid”); } else if(sel==2) { myTradeOfferGame = $(“#my”).val(); $.ajaxSetup({ data: {‘gameId’: myTradeOffer}, }); jQuery(“#myOffersTable”).jqGrid(‘setGridParam’,{url:”offers.action?q=1″,page:1}); jQuery(“#myOffersTable”).trigger(‘reloadGrid’); } else if(sel==3) […]

jqGrid:在将HTML表格转换为网格时启用分页

谷歌搜索所有这些关于如何将html表转换为可分页和可排序的东西,我偶然发现了jqGrid jquery插件。 到目前为止我已经知道我们必须调用tableToGrid()来转换表(我们将它作为jquery选择器字符串传递给方法)。 我还尝试了很多其他的东西,例如: tableToGrid(‘#GridView1’); $(‘#GridView1’).jqGrid({ rowNum: 10, pager: ‘#pager’, rowList: [10,20,30] }); 但所有这些都没有为我提供正确的结果。 当我们将html表转换为网格时,是否可以进行分页?

基于php的应用程序使用ajax的最佳数据网格

使用ajax的基于php的应用程序的最佳数据网格是什么? 有什么参考吗?

使用javascript / jQuery查找与鼠标位置最接近的网格坐标

我要做的是在页面上制作一个不可见坐标的网格。 然后我希望在触发onclick时将 放置在最接近指针的任何网格坐标处。 这是一个粗略的想法: alt text http://sofzh.miximages.com/javascript/x2uq84.png 我有跟踪鼠标坐标和 的放置工作得很好。 我坚持的是如何处理坐标网格的问题。 首先,我应该将所有坐标放在一个数组中,然后将我的onclick坐标与之比较? 或者看到我的网格坐标遵循规则,我可以做一些事情,比如找出哪个坐标是我的间距最接近onclick坐标的倍数? 然后,我从哪里开始计算哪个网格点坐标最接近? 最好的方法是什么? 谢谢!

Gridster的替代品?

我已经将Gridster库用于使用拖放多列网格的项目。 遗憾的是,Gridster仅支持Internet Explorer 9+。 我需要找到一个类似的简单易用的库,它允许我使用IE8做同样的事情,如果它也可以兼容IE7和IE6。 那么,旧的IE是否有类似Gridster的库? 我在这个项目中使用jquery,所以一个基于jquery的库也可能很棒。 PS我发现了一个名为AnimaDrag的东西 ,但它不如Gridster好,而且有点糟糕。

与Flexigrid一致的网格标题?

所以我正在尝试使用flexigrid插件。 除了看起来你必须手动设置列宽之外,它看起来会很好用。 否则,列标题与正文列不匹配。 是否有任何方法可以自动匹配这些,同时仍然允许列宽度由列中内容的长度定义(正常的表行为)。

使用元素绘制的网格看起来拉伸

我正在尝试在元素上绘制网格,最终目标是制作Go板 。 由于某种原因,网格看起来很拉伸,线条比1像素厚,间距完全错误。 它甚至没有从(10,10)位置开始.. 如果有人可以看看告诉我我做错了什么会很棒。 http://jsfiddle.net/h2yJn/

单选按钮列在使用JqGrid的此无线电列的所有网格行中互斥?

如果用户单击特定行的此列,如何创建一个具有一列特殊单选按钮的网格,然后只选择此单选按钮,就好像有一个无线电组垂直分布在此列网格上? 我特意在JqGrid(jquery)中寻找这个解决方案。 谢谢。