我想在标题的底部添加一个带有不同按钮的工具栏.有什么可能吗?
用过的
toolbar: [true,"top"] or toolbar: [true,"bottom"]
Run Code Online (Sandbox Code Playgroud)
它显示相同的工具栏...在底部工具栏中包含添加,编辑,删除按钮..我想在顶部工具栏中进行更改仅包含ADD按钮..&底部工具栏包含编辑,删除,刷新等,
谢谢,
根据jqGrid文档,我应该能够通过移动寻呼机div将寻呼机放在jqGrid的上方或下方.不幸的是,寻呼机始终呈现在网格下方.
<div id="pager"></div>
<table id="list">
<tr>
<td />
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
jqGrid配置(与寻呼机相关)如下所示:
pager: '#pager',
pginput: false,
pgbuttons: false,
Run Code Online (Sandbox Code Playgroud)
有什么建议?
如何theader使用jQuery 获取jqGrid?
我创建了一个包含一些字段的jqGrid,例如:
job_id,名称等
我要做的是使得当点击job_id列中的值时,它会将它们重定向到:
job.php?job_id =(他们点击的值)
我开始尝试使用以下作为我的colModel:
{ name:'job_id', index:'job_id', edittype:'select', formatter:'showlink',
formatoptions:{baseLinkUrl:'job.php'}, width:50, align:'center' }
Run Code Online (Sandbox Code Playgroud)
但是这会导致重定向到:
job.php?JOB_ID =(ROW_ID)
我做了一些搜索,发现这个软件的开源版本开发人员的帖子建议使用以下colModel和其他JS:
{ name:'job_id', index:'job_id', edittype:'select', formatter:'showlink',
formatoptions:{baseLinkUrl:'#'}, width:50, align:'center' }
loadComplete: function() {
var myGrid = $("#home_list");
var ids = myGrid.getDataIDs();
for (var i = 0, idCount = ids.length; i < idCount; i++) {
$("#"+ids[i]+" a",myGrid[0]).click(function(e) {
var hash=e.currentTarget.hash;// string like "#?id=0"
if (hash.substring(0,5) === '#?id=') {
var id = hash.substring(5,hash.length);
var text = this.textContent;
location.href="job.php?id="+text;
}
e.preventDefault();
});
}
}
Run Code Online (Sandbox Code Playgroud)
但这与IE不兼容.除此之外,当在jqGrid中显示大量行时,加载需要很长时间,比如5秒+ …
我有一个showlink的自定义格式化程序,下面打开新的页面是代码和屏幕截图
{name:'cfgName',index:'cfgName', width:90, align:"left", formatter: 'showlink', formatoptions:
{
baseLinkUrl:'javascript:',
showAction: "goToViewAllPage('",
addParam: "');"
}},
Run Code Online (Sandbox Code Playgroud)

我想要的是如果Last Updated time和今天的日期的差异超过10天它应该warning在之前显示图像Name
我编写了下面的函数来计算2个日期的差异,这里是演示,但我需要帮助放置showlink名称前面的图像,如果no of days count在网格中> 10
function diffOf2Dates(todaysDate,configDate)
{
/*var udate="2011-08-18 11:49:01.0";
var configDate=new Date(udate);*/
var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds
var firstDate = todaysDate; // Todays date
var secondDate = new Date(configDate);
var diffDays = Math.abs((firstDate.getTime() - secondDate.getTime())/(oneDay));
console.info(firstDate+", "+secondDate);
//console.info(Math.ceil(diffDays));
return Math.ceil(diffDays);
}
Run Code Online (Sandbox Code Playgroud)
这是我的jqGrid代码
var grid = …Run Code Online (Sandbox Code Playgroud) 我在我的页面上加载了一个jqGrid.网格每行都有一个删除按钮.我正在尝试在"删除"按钮上使用jquery UI对话框确认.
这是我的javascript代码:
<script type="text/javascript">
$(document).ready(function () {
$("#list").jqGrid({
url: '/MyController/MyFunction/',
datatype: 'json',
mtype: 'POST',
colNames: ['', 'Name', ''],
colModel: [
{ name: 'Edit', index: 'Edit', width: 40, align: 'left', sortable: false },
{ name: 'Name', index: 'Name', width: 120, align: 'left' },
{ name: 'Delete', index: 'Delete', width: 50, align: 'left', sortable: false }],
pager: $('#pager'),
rowNum: 10,
rowList: [10, 20, 50],
sortname: 'Name',
sortorder: "asc",
viewrecords: true,
width: 700
});
$("#dialog-confirm").dialog({
autoOpen: false,
modal: true,
buttons: {
"Delete": …Run Code Online (Sandbox Code Playgroud) jqgrid ×6
jquery ×4
asp.net ×1
asp.net-mvc ×1
hyperlink ×1
javascript ×1
json ×1
pager ×1
position ×1