Jquery jqgrid multiselect仅使用multiselect框
我只想使用multiselect框选择行，而不是单击行。我已阅读但未激活OnSew。在我的应用程序中，单击行时，会显示一些数据（主结构和详细结构） 但是因为OnSetrow没有被解雇。 我希望单击选择行并显示数据，但复选框设置为仅单击框。请帮助我：(Jquery jqgrid multiselect仅使用multiselect框,jquery,jqgrid,webforms,multi-select,Jquery,Jqgrid,Webforms,Multi Select,我只想使用multiselect框选择行，而不是单击行。我已阅读但未激活OnSew。在我的应用程序中，单击行时，会显示一些数据（主结构和详细结构） 但是因为OnSetrow没有被解雇。 我希望单击选择行并显示数据，但复选框设置为仅单击框。请帮助我：( grid.jqGrid({ url:'jqGridHandler.ashx'， 数据类型：“json”， 宽度：$（“#parentDiv”）.width（）， 身高：a， 方向：“rtl”， colNames:['Action'，'A'，'W'，
grid.jqGrid({
url:'jqGridHandler.ashx'，
数据类型：“json”，
宽度：$（“#parentDiv”）.width（），
身高：a，
方向：“rtl”，
colNames:['Action'，'A'，'W'，'Date'，'Num'，'Sender'，'F'，'EOSysNum'，'PctIndNum'，'Subject'，'PctAssignSubject'，'PctAssignType'，'Date2'，'Assign'，'PctTabName'，'Andicator'，'Datetime of Show'，'SysCode'，'s'，'s'，'s'，'s'，'s'，'s'，'s'，'s'，'s'，'s'，'s'，'s'，'s'，'s'，'s，'s，'s，'s，'s，'s，'，
colModel：[
{
名称：'act'，
宽度：（$.browser.webkit？25:25），
对齐：'居中'，
可排序：false，
格式化程序：“操作”，
格式选项：{
凯斯：没错，
去瞳孔：去瞳孔，
德尔巴顿：错，
编辑按钮：false
}
},
{
名称：“IsAttach”，
宽度：5，
可排序：false，
搜索：假，
模板：ActionTemplate，
格式化程序：函数（cellval、opts、rowObject、action）{
返回值（cellval='True'？“”：“”）；
}
},
{
名称：“IsContent”，
宽度：6，
可排序：false，
搜索：假，
模板：ActionTemplate，
格式化程序：函数（cellval、opts、rowObject、action）{
返回值（cellval='True'？“”：“”）；
}
},
{
名称：“PctLettDate”，
宽度：30，
可排序：是的，
模板：中心模板，
//格式化程序：函数（cellvalue、options、rowObject）{
//返回（rowObject[“PctViewDate”]=''？''+cellvalue+''：cellvalue）
//返回值（rowObject[“PctViewDate”]=''？''+cellvalue+''：cellvalue）；
//}
},
{
名称：“PctLettNum”，
宽度：30，
可排序：是的，
//模板：numberTemplate，
//格式化程序：函数（cellvalue、options、rowObject）{
//返回值（rowObject[“PctViewDate”]=''？''+cellvalue+''：cellvalue）；
// }
},
{
名称：'pctasignprs'，
宽度：80，
可排序：是的，
//格式化程序：函数（cellvalue、options、rowObject）{
//返回（rowObject[“PctViewDate”]=''？''+cellvalue+''：cellvalue）
//}
},
{
名称：'PctAssignImi'，
宽度：15，
可排序：是的，
模板：中心模板，
//格式化程序：函数（cellvalue、options、rowObject）{
//返回（rowObject[“PctViewDate”]=''？''+cellvalue+''：cellvalue）
//}
},
{name:'EOSysNum'，宽度：30，可排序：true，隐藏：true}，
{name:'PctIndNum'，宽度：140，可排序：false，隐藏：true}，
{
名称：“PctLettSubject”，
宽度：140，
可排序：是的，
//格式化程序：函数（cellvalue、options、rowObject）{
//返回（rowObject[“PctViewDate”]=''？''+cellvalue+''：cellvalue）
//}
},
{name:'PctAssignSubject'，宽度：100，可排序：false，隐藏：true}，
{name:'PctAssignType'，宽度：100，可排序：false，隐藏：true}，
{name:'PctType'，width:100，sortable:false，hidden:true}，
{name:'PctStartDate'，宽度：100，可排序：true，隐藏：true}，
{name:'PctRecDate'，宽度：100，可排序：true，隐藏：true}，
{name:'pctasigndate'，宽度：100，可排序：true，隐藏：true}，
{name:'PctAssignTime'，宽度：100，可排序：true，隐藏：true}，
{name:'PctTabName'，宽度：100，可排序：true，隐藏：true}，
{name:'PctIndCode'，宽度：100，可排序：true，隐藏：true}，
{name:'PctViewDate'，宽度：100，可排序：true，隐藏：true}，
{name:'PctViewTime'，width:100，sortable:true，hidden:true}，
{name:'SysCode'，宽度：100，可排序：true，隐藏：true}，
{name:'pctisteminate'，宽度：100，可排序：true，隐藏：true}，
{name:'pcticonfirm'，宽度：100，可排序：true，隐藏：true}，
{name:'PctAssignerSysNum'，宽度：100，可排序：true，隐藏：true}，
{name:'pctasignmentnum'，宽度：100，可排序：true，隐藏：true}，
{name:'pctasignprivate'，宽度：100，可排序：true，隐藏：true}，
{name:'PctIsInFolder'，宽度：100，可排序：true，隐藏：true}，
{name:'pctasignphysics'，宽度：100，可排序：true，隐藏：true}，
{name:'PctConfirmRecLettPhysics'，宽度：100，可排序：true，隐藏：true}，
grid.jqGrid({
url: 'jqGridHandler.ashx',
datatype: 'json',
width: $("#parentDiv").width(),
height: a,
direction: "rtl",
colNames: ['Action', 'A', 'W', 'Date', 'Num', 'Sender', 'F', 'EOSysNum', 'PctIndNum', 'Subject', 'PctAssignSubject', 'PctAssignType', '', 'Date2', 'Assign', '', 'PctTabName', 'Andicator', '', 'Datetime of Show', 'SysCode', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '','','','','','','','','',''],
colModel: [
{
name: 'act',
width: ($.browser.webkit ? 25 : 25),
align: 'center',
sortable: false,
formatter: 'actions',
formatoptions: {
keys: true,
delOptions: myDelOptions,
delbutton: false,
editbutton: false
}
},
{
name: 'IsAttach',
width: 5,
sortable: false,
search: false,
template: ActionTemplate,
formatter: function (cellval, opts, rowObject, action) {
return (cellval == 'True' ? "<span class='ui-icon icon-Attachment' style='float:left'></span>" : "");
}
},
{
name: 'IsContent',
width: 6,
sortable: false,
search: false,
template: ActionTemplate,
formatter: function (cellval, opts, rowObject, action) {
return (cellval == 'True' ? "<span class='ui-icon icon-Word' style='float:left'></span>" : "");
}
},
{
name: 'PctLettDate',
width: 30,
sortable: true,
template: CenterTemplate,
// formatter: function (cellvalue, options, rowObject) {
//return (rowObject["PctViewDate"] == '' ? '<font style="font-weight:bold">' + cellvalue + '</font>' : cellvalue)
// return (rowObject["PctViewDate"] == '' ? '<font style="font-weight:bold">' + cellvalue + '</font>' : cellvalue);
//}
},
{
name: 'PctLettNum',
width: 30,
sortable: true,
// template: numberTemplate,
// formatter: function (cellvalue, options, rowObject) {
// return (rowObject["PctViewDate"] == '' ? '<font style="font-weight:bold">' + cellvalue + '</font>' : cellvalue);
// }
},
{
name: 'PctAssignPrs',
width: 80,
sortable: true,
// formatter: function (cellvalue, options, rowObject) {
// return (rowObject["PctViewDate"] == '' ? '<font style="font-weight:bold">' + cellvalue + '</font>' : cellvalue)
//}
},
{
name: 'PctAssignImi',
width: 15,
sortable: true,
template: CenterTemplate,
// formatter: function (cellvalue, options, rowObject) {
// return (rowObject["PctViewDate"] == '' ? '<font style="font-weight:bold">' + cellvalue + '</font>' : cellvalue)
//}
},
{ name: 'EOSysNum', width: 30, sortable: true, hidden: true },
{ name: 'PctIndNum', width: 140, sortable: false, hidden: true },
{
name: 'PctLettSubject',
width: 140,
sortable: true,
// formatter: function (cellvalue, options, rowObject) {
//return (rowObject["PctViewDate"] == '' ? '<font size="3" color="#0072C6" style="font-weight:bold">' + cellvalue + '</font>' : cellvalue)
//}
},
{ name: 'PctAssignSubject', width: 100, sortable: false, hidden: true },
{ name: 'PctAssignType', width: 100, sortable: false, hidden: true },
{ name: 'PctType', width: 100, sortable: false, hidden: true },
{ name: 'PctStartDate', width: 100, sortable: true, hidden: true },
{ name: 'PctRecDate', width: 100, sortable: true, hidden: true },
{ name: 'PctAssignDate', width: 100, sortable: true, hidden: true },
{ name: 'PctAssignTime', width: 100, sortable: true, hidden: true },
{ name: 'PctTabName', width: 100, sortable: true, hidden: true },
{ name: 'PctIndCode', width: 100, sortable: true, hidden: true },
{ name: 'PctViewDate', width: 100, sortable: true, hidden: true },
{ name: 'PctViewTime', width: 100, sortable: true, hidden: true },
{ name: 'SysCode', width: 100, sortable: true, hidden: true },
{ name: 'PctIsTerminate', width: 100, sortable: true, hidden: true },
{ name: 'PctIsConfirm', width: 100, sortable: true, hidden: true },
{ name: 'PctAssignerSysNum', width: 100, sortable: true, hidden: true },
{ name: 'pctAssignmentNum', width: 100, sortable: true, hidden: true },
{ name: 'PctAssignPrivate', width: 100, sortable: true, hidden: true },
{ name: 'PctIsInFolder', width: 100, sortable: true, hidden: true },
{ name: 'PctAssignPhysics', width: 100, sortable: true, hidden: true },
{ name: 'PctConfirmRecLettPhysics', width: 100, sortable: true, hidden: true },
{ name: 'pctAssignmentPhysicsNum', width: 100, sortable: true, hidden: true },
{ name: 'PctDeputyEOSysNum', width: 100, sortable: true, hidden: true },
{ name: 'PctDeputySysCode', width: 100, sortable: true, hidden: true },
{ name: 'PctRequestStatus', width: 100, sortable: true, hidden: true },
{ name: 'PctIsTerminateByAssign', width: 100, sortable: true, hidden: true },
{ name: 'PctPosSysCode', width: 100, sortable: true, hidden: true },
{ name: 'PctAssignerPosSysCode', width: 100, sortable: true, hidden: true },
{ name: 'PctTabName1', width: 100, sortable: true, hidden: true },
{ name: 'HasAccessAssignLetter', width: 100, sortable: true, hidden: true },
{ name: 'HasAccessContentLetter', width: 100, sortable: true, hidden: true },
{ name: 'HasAccessAttachLetter', width: 100, sortable: true, hidden: true },
{ name: 'HasAccessCCLetter', width: 100, sortable: true, hidden: true },
{ name: 'HasAccessPhysicsLetter', width: 100, sortable: true, hidden: true },
{ name: 'HasAccessFoldersLetter', width: 100, sortable: true, hidden: true },
{ name: 'HasAccessDocRelatedLetter', width: 100, sortable: true, hidden: true },
{ name: 'HasAccessTreeLetter', width: 100, sortable: true, hidden: true },
{ name: 'HasAccessEmailLetter', width: 100, sortable: true, hidden: true },
{ name: 'AssignedPerson', width: 100, sortable: true, hidden: true }
],
rowNum: 20,
loadonce: true,
rowList: [5, 10, 20],
recordpos: "left",
ignoreCase: true,
toppager: true,
viewrecords: true,
multiselect: true,
sortorder: "desc",
scrollOffset: 1,
editurl: 'clientArray',
multiboxonly: true,
jsonReader:
{
repeatitems: false,
},
gridview: true,
rowattr: function (rd) {
return { "class": (rd["PctViewDate"] == '') ? "myRowClassNoRead" : "myRowClass" };
},
ondblClickRow: function (id) {
$(this).jqGrid('editRow', id, true, null, null, 'clientArray');
},
onSelectRow: function (id) {
rowData = jQuery(this).getRowData(id);
window.selectedRow = id,
doShowInformationOfSelectedRow(rowData, window.activeTab);
if (id && id !== lastSel) {
if (typeof lastSel !== "undefined") {
$(this).jqGrid('restoreRow', lastSel);
}
lastSel = id;
}
},
beforeSelectRow: function(rowid, e) {
var cbsdis = $("tr#" + rowid + ".jqgrow > td > input.cbox:disabled", grid);
if (cbsdis.length === 0) {
i = grid.getCellIndex($(e.target).closest('td')[0]),
cm = grid.jqGrid('getGridParam', 'colModel');
return (cm[i].name === 'cb');
return true; // allow select the row
} else {
return false; // not allow select the row
}
},
onSelectAll: function(aRowids, status) {
if (status) {
// uncheck "protected" rows
var cbs = $("tr.jqgrow > td > input.cbox:disabled", grid[0]);
cbs.removeAttr("checked");
//modify the selarrrow parameter
//grid[0].p.selarrrow = grid.find("tr.jqgrow:has(td > input.cbox:checked)")
//.map(function() { return this.id; }) // convert to set of ids
//.get(); // convert to instance of Array
}
},
loadComplete: function () {
$('#navGridfrom').datepicker({
isRTL: true,
onSelect: function (dateText, inst) {
$('#navGridto').datepicker('option', 'minDate', new JalaliDate(inst['selectedYear'], inst['selectedMonth'], inst['selectedDay']));
}
});
$("#navGridto").datepicker();
var iCol = getColumnIndexByName(grid, 'act');
var iColhasAccessAssignLetterIndex = getColumnIndexByName(grid, 'HasAccessAssignLetter');
var iColhasAccessFoldersLetterIndex = getColumnIndexByName(grid, 'HasAccessFoldersLetter');
$(this).find(">tbody>tr.jqgrow>td:nth-child(" + (iCol + 1) + ")")
.each(function () {
var valueAccessAssignLetter = this.parentElement.cells[iColhasAccessAssignLetterIndex].innerHTML;
var valueAccessFoldersLetter = this.parentElement.cells[iColhasAccessFoldersLetterIndex].innerHTML;
$(this.parentElement).find("td > input.cbox").attr("disabled",(valueAccessFoldersLetter=="False"? true:false));
$("<div>", {
title: "Archive",
mouseover: function () {
$(this).addClass(valueAccessFoldersLetter == "True" ? 'ui-state-hover':'');
},
mouseout: function () {
$(this).removeClass('ui-state-hover');
},
click: function (e) {
if (valueAccessFoldersLetter == "True") {
alert("'Custom' button is clicked in the rowis=" +
$(e.target).closest("tr.jqgrow").attr("id") + " !");
}
}
}
).css({ "margin-right": "5px", "float": "left", "cursor": "pointer" })
.addClass(valueAccessFoldersLetter == "True" ? "ui-pg-div ui-inline-custom":"")
.append(valueAccessFoldersLetter == "True" ? '<span class="ui-icon icon-archive "></span>' : '<span class="ui-icon icon-archive ui-state-disabled">')
.prependTo($(this).children("div"));
$("<div>", {
title: "Assign",
mouseover: function () {
$(this).addClass(valueAccessAssignLetter == "True" ?'ui-state-hover':'');
},
mouseout: function () {
$(this).removeClass(valueAccessAssignLetter == "True" ?'ui-state-hover':'');
},
click: function(e) {
if (valueAccessAssignLetter == "True") {
alert("'Custom' button is clicked in the rowis=" +
$(e.target).closest("tr.jqgrow").attr("id") + " !");
}
}
}
).css({ "margin-right": "10px", "float": "left", cursor: "pointer" })
//.addClass("ui-pg-div ui-inline-custom")
.append(valueAccessAssignLetter == "True" ? '<span class="ui-icon icon-refrence" disabled></span>' : '<span class="ui-icon icon-refrence ui-state-disabled"></span>')
.prependTo($(this).children("div"));
});
$("tr.jqgrow", this).contextMenu('myMenu1', {
direction: 'rtl',
bindings: {
'edit': function (trigger) {
// trigger is the DOM element ("tr.jqgrow") which are triggered
grid.editGridRow(trigger.id, editSettings);
},
'add': function (/*trigger*/) {
grid.editGridRow("new", addSettings);
},
'del': function (trigger) {
if ($('#del').hasClass('ui-state-disabled') === false) {
// disabled item can do be choosed
grid.delGridRow(trigger.id, delSettings);
}
}
},
onContextMenu: function (event/*, menu*/) {
var rowId = $(event.target).closest("tr.jqgrow").attr("id");
//grid.setSelection(rowId);
// disable menu for rows with even rowids
$('#del').attr("disabled", Number(rowId) % 2 === 0);
if (Number(rowId) % 2 === 0) {
$('#del').attr("disabled", "disabled").addClass('ui-state-disabled');
} else {
$('#del').removeAttr("disabled").removeClass('ui-state-disabled');
}
return true;
}
});
},