如何获取jqGrid元素的整个colModel?我已经完成了一些源代码并且还进行了一些测试,但似乎没有任何东西可以返回实际的数组.
谢谢.
对于那些试图了解jqGrid自定义编辑类型的人...
我创建了一个多复选框表单元素,并认为我会分享.这是使用3.6.4版本构建的.如果有人有更有效的解决方案,请传递它.
在colModel中,相应的编辑字段如下所示:
edittype:'custom'
editoptions:{ custom_element:MultiCheckElem, custom_value:MultiCheckVal, list:'Check1,Check2,Check3,Check4' }
Run Code Online (Sandbox Code Playgroud)
以下是javascript函数(顺便说一句,当复选框列表在DIV块中时,它也有效 - 经过一些修改):
//————————————————————
// Description:
// MultiCheckElem is the "custom_element" function that builds the custom multiple check box input
// element. From what I have gathered, jqGrid calls this the first time the form is launched. After
// that, only the "custom_value" function is called.
//
// The full list of checkboxes is in the jqGrid "editoptions" section "list" tag (in the options
// parameter).
//————————————————————
function MultiCheckElem( value, options …Run Code Online (Sandbox Code Playgroud) 在这篇文章之后我回到了下一个问题.
加载数据后,灰色叠加层覆盖页面上的所有内容,但网格数据.负责的css div id是lui_list.任何想法,如何解决这个问题?
这就是我运行jqgrid scirpt的方式:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#list").jqGrid({
url: '/Ticket/All/',
datatype: 'json',
mtype: 'GET',
colNames: ['Id', 'Hardware', 'Issue', 'IssueDetails', 'RequestedBy', 'AssignedTo', 'Priority', 'State'],
colModel: [
{ name: 'Id', index: 'Id', key: true, width: 100 },
{ name: 'Hardware', index: 'Hardware', width: 100 },
{ name: 'Issue', index: 'Issue', width: 200 },
{ name: 'IssueDetails', index: 'IssueDetails', width: 200 },
{ name: 'RequestedBy', index: 'RequestedBy', width: 150 },
{ name: 'AssignedTo', index: 'AssignedTo', width: 150 }, …Run Code Online (Sandbox Code Playgroud) 我发现在jQuery的jqGrid插件中我可以动态添加行,但是我可以对列做同样的事情吗?如果有一个简单的表我宁愿手动手动执行此操作,但jqGrid会将表信息存储在很多div中.
如何设置将鼠标悬停在jqGrid行/单元格上时出现的"工具提示"?
目前,工具提示似乎只是单元格内容.
我有一个jqgrid,它的选项 :formatter => "currency"
它将数字转换5为$5.00,但这是一个信用额度,所以我需要将其显示为($5.00)而不是$5.00.
任何建议我应该改变:formatter => "currency"什么?
当我试图检查jQgrid中的复选框时,它选择了正常的值,并且我有自定义格式化程序文本字段而不输入文本字段中的值并尝试选中复选框,我将在此之后显示警告消息我将取消选中该复选框,但焦点不会从网格中删除.
我已附上屏幕截图请让我知道答案.
代码粘贴在这里:
jQuery("#list1").jqGrid({
url:actionurl,
mtype: 'POST',
colNames:['PartnerId', 'Employee No','Employee Name' ,'Position', 'Position Id', 'Wages','Relieve Date','Days Required'],
colModel:[
{name:'partnerId',index:'partnerId', width:280,sortable:true,search:false, hidden: true},
{name:'em_ka003_employeeno',index:'em_ka003_employeeno', width:200,sortable:true},
{name:'empname',index:'empname', width:280,sortable:false,search:false},
{name:'position',index:'position', width:250,sortable:false,search:false},
{name:'positionId',index:'positionId', width:0,sortable:false,search:false,hidden:true},
{name:'wages',index:'wages', width:100,sortable:false,search:false},
{name:'emp_relievedate',index:'emp_relievedate', width:200,sortable:false,search:false},
{name:'daysrequired',index:'daysrequired', width:140,sortable:false,search:false,formatter:createText},
],
rowNum:10,
rowList:[5,10,15],
pager: '#pager1',
sortorder: "asc",
sortname: 'em_ka003_employeeno',
viewrecords: true,
rownumbers: true,
loadonce: false,
forceFit: true,
datatype: 'xml',
multiselect: true ,
footerrow:true,
userDataOnFooter:true,
onSelectRow: function(rowId)
{
handleSelectedRow(rowId);
},
caption: "<b>Labor Extension",
gridComplete: function() {
$.unblockUI();
}
});
Run Code Online (Sandbox Code Playgroud)
这是我的自定义格式化程序功能:
function createText(el, cellval, opts)
{ …Run Code Online (Sandbox Code Playgroud) 我有一个jqGrid的两个子网格和groupingView() ,当我的数据从服务器加载到我的亚格并不想扩大电网.只有当我页面或单击刷新按钮时,子网格才会展开,或者当我设置loadonce:false或取出groupingView()时它会扩展并且一切正常,但是我导出到excel时没有显示任何数据.我希望我的子网格在第一次加载数据时展开,而不是在我刷新或页面之后!
我试过了:
$MyGrid.jqGrid('setGridParam',{datatype:'json'}).trigger('reloadGrid');
Run Code Online (Sandbox Code Playgroud)
并尝试触发器来触发loadComplete()上的刷新按钮
*$(".ui-icon-refresh").each(function () {
$(this).trigger("click");
});*
Run Code Online (Sandbox Code Playgroud)
单击此触发按钮时可以正常工作,但它不会在loadComplete()函数中自动触发.
这是我的Javascript:
function CreateOrdSummaryTable()
{
if ($("#DataTab_2").length === 0)
{
$("#tdBotRight").html("<table id='DataTab_2' class='dataContent' border='1' align='top'></table>" +
"<div id='PagerDataTab_2'></div>");
}
var $tableOrdSummary = $("#DataTab_2");
$tableOrdSummary.jqGrid({
url: '/Ord/WS/OrderWebSummary.php',
colNames: ["Sum of Order Mass","Customer", "Case", "Associated Mass" ,"Order Mass","Invoiced Mass","Shipped Mass","FGI Mass"],
colModel: [
{ name: "ORDITM", index: "ORDITM", resizable: true, width: 120},
{ name: "CUSTOMER", index: "CUSTOMER", resizable: true, width: 250}, …Run Code Online (Sandbox Code Playgroud) jqgrid ×10
jquery ×7
javascript ×3
checkboxlist ×1
currency ×1
format ×1
jqgrid-php ×1
multi-select ×1
php ×1
tooltip ×1