Tag: datagrid

通过Jquery ajax为datagrid加载数据?

我有这段代码片段(虽然不完整,但忽略了结束脚本标签):: function gotoa(){ var h = $.get(“http://localhost:8080/2_8_2012/jsp/GetJson.jsp”, function(result) { }); alert(result); var myVar= h; var storedata={ identifier:”ID”, label:”name”, items: myVar }; var store = new dojo.data.ItemFileWriteStore({data: storedata}); GetJson.jsp的代码是:: Insert title here 我有一个查询get方法。 我传入的URL返回一个Json数组字符串。 URL的输出:: [{“ID”:1,”Names”:”Shantanu”,”Email”:”shantanu.tomar@gmail.com”},{“ID”:2,”Names”:”Mayur”,”Email”:”mayur.sharma@gmail.com”},{“ID”:3,”Names”:”Rohit”},{“ID”:4,”Names”:”Jasdeep”},{“ID”:5,”Names”:”Rakesh”,”Email”:”rakesh.shukla@gmail.com”},{“ID”:6,”Names”:”Divyanshu”},{“ID”:8,”Names”:”hello”},{“ID”:9,”Names”:”fine”},{“ID”:10,”Names”:”shivani”}] 现在我想要我的数据网格的输出,即我希望var myVar应该获得此值,然后它将传递给dojo.data.ItemFileWriteStore。 我无法这样做。 请帮忙 ? 谢谢。

如果没有返回记录,如何在表中显示消息(例如:没有找到记录!)?

我在我的应用程序中使用easyui datagrid。如果没有返回记录,如何在表中显示消息(例如:没有找到记录!)? $(‘#test’).datagrid({ onLoadSuccess:function(data){ if(data.total == 0){ alert(“No Records founds”); } } });

在双击期间阻止行变为可编辑 – jqGrid

我们的是一个Struts2-jQuery Grid实现,它类似于jqGrid。 我们已经将我们的网格作为 multiselect=”true” and editinline=”true” 我们在每行的数据中添加了“自定义编辑”按钮,并希望该行只能通过它进行编辑。 我们删除了“编辑”的导航栏/工具栏图标。 目前,即使在双击行时,数据行也可以编辑。 我们能够捕获事件,但如何取消行动? 我们尝试返回false,停止..但它们没有用。 我们甚至尝试过stop.propogation,但仍然可以编辑行。 我们怎么能阻止这个?

Bootstrap / jQuery的最佳Datagrid?

为了一个漂亮的,现代的,数据网格(不是网格系统)为Bootstrap或jQuery尝试谷歌一段时间。 看看GridUI(AngularJS),但它非常错误,看着jQuery Bootgrid,但是想知道你们中是否有人有过一个坚实的经验。

如何增加jqGrid工具栏/导航栏图标大小以实现可视化访问?

这是我们收到的一个要求,我们可以增加Struts2-jQuery Grid / jQGrid’工具栏图标’的大小吗? 喜欢保存/删除/查找/添加等? 在这方面,我们的用户需要视觉可访问性。 除了设置浏览器的缩放尺寸外,还有其他解决方案吗? 更新(我们如何修复它): 第1步: 下载 32px图标精灵网格 第2步:将此精灵网格图像放在webapp \ template \ mytheme \ images文件夹中 第3步:更新了jquery-ui.css文件(从ThemeRoller为我们的自定义主题生成) 步骤4:在ICONS部分更新.ui-state-default类以指向新图像 第5步:增加width: 16px; height: 16px; width: 16px; height: 16px; 属性为同一个类 第6步:调整每个图像类中的位置 第7步:我们使用图像编辑工具来压缩它的大小,以便我们可以制作从32px到24px的所有图标,并改变颜色设置(Hue / Saturation..etc)以获得各种UI状态的不同颜色。 example: Changed .ui-icon-trash { background-position: -176px -96px; } to .ui-icon-trash { background-position: -352px -192px; } 这带来了新尺寸的图标。我们现在面临的唯一挑战是为各种状态(活动,默认,hover和错误)找到合适的32px css精灵网格图标图像。 如果ThemeRoller有这个选项来生成各种大小的图标集,那将会很棒。

jqGrid子网格的JSON对象

这是关于jqGrid子网格的JSON数据的第3个问题,到目前为止我没有得到任何评论。 请有人帮忙。 我的第一个问题 和第二个 我无法了解jqGrid中子网格使用的json格式。 在我的第二个问题中,我询问了我应该在特定场景中使用的格式 对于给定的图像 这是正确的JSON字符串吗? var myJSONObject = { “list”: [ { “elementName”: “TERM”, “attribute”: [ { “name”: “information”, “firstValue”: “Required fixes for AIX”, “secondValue”: “Required fixes for AIX” }, { “name”: “name”, “firstValue”: “PHCO_34”, “secondValue”: “PHCO_34” }, { “name”: “version”, “firstValue”: “1.0”, “secondValue”: “2.0” } ], “isEqual”: false, “isPrasentinXml1”: true, “isPrasentinXml2”: […]

如何让jqGrid工具栏搜索工作?

在http://trirand.com/blog/jqgrid/jqgrid.html ,在“版本3.7中的新function”>“列搜索”下,有一个解释的方法可供搜索,但它还没有为我工作。 我已经添加: jQuery(“#toolbar”).jqGrid(‘filterToolbar’,{stringResult: true,searchOnEnter : false}); 来自示例的不太重要的代码。 我的服务器看到了稍微不同的JSON请求,但是没有_search=true且没有搜索词。 http://trirand.com/blog/jqgrid/jqgrid.html也提供了服务器端代码的不完整示例。 SQL语句在PHP示例中给出: $SQL = “SELECT item_id, item, item_cd FROM items “.$where.” ORDER BY $sidx $sord LIMIT $start , $limit”; 但是,虽然$sidx , $sord , $start和$limit都有代码来定义它们,但$where未在页面上的任何其他位置定义(或引用)。 如何获取列搜索,如页面文档,我的服务器被适当的请求命中?

SlickGrid:使用DataView而不是原始数据的简单示例?

我正在使用SlickGrid,从Ajax调用直接将数据绑定到网格。 它目前运行良好,网格动态更新并且可以排序,我正在为一列使用自定义格式化程序: var grid; var columns = [{ id: “time”, name: “Date”, field: “time” }, { id: “rating”, name: “Rating”, formatter: starFormatter // custom formatter } ]; var options = { enableColumnReorder: false, multiColumnSort: true }; // When user clicks button, fetch data via Ajax, and bind it to the grid. $(‘#mybutton’).click(function() { $.getJSON(my_url, function(data) […]

在click事件中,数据未显示在dojox.data.Datagrid中。

我想在数据网格中显示数据。 使用$ .get方法作为JSon类型,通过URL检索数据。 我没有收到任何错误。 但是也没有得到数据网格。 这是我的脚本代码:: $(“document”).ready(function(){ $(‘#contentpaneid’).bind(‘click’, getInfoFromServer); function getInfoFromServer(){ $.get(“http://localhost:8080/2_8_2012/jsp/GetJson.jsp?random=” + new Date().getTime(), function (result) { success:postToPage(result), alert(‘Load was performed.’); },”Json”); function postToPage(data){ alert(data); var storedata = { identifier:”ID”, items: data //[{“ID”:1,”Names”:”Shantanu”,”Email”:”shantanu.tomar@gmail.com”},{“ID”:2,”Names”:”Mayur”,”Email”:”mayur.sharma@gmail.com”},{“ID”:3,”Names”:”Rohit”},{“ID”:21,”Names”:”Rakesh”,”Email”:”askjhjk”}] }; var store1 = new dojo.data.ItemFileWriteStore({data: storedata}) ; var gridStructure =[[ { field: “ID”, name: “ID_Emp”, width: “20%”, classes:”firstName” }, { […]

SlickGrid中是否可以使用变量rowheight?

我想根据内容大小提供可变行高。 在Slickgrid有可能吗? 你能指出我的任何例子吗?