弹出后应在jqgrid中插入记录后显示 [英] Pop up should display after inserting record in jqgrid

问题描述

hi


当我在提交弹出窗口后在jqgrid中插入记录时，应显示已成功插入记录



///下面是ascx的代码片段



< script type =text / javascript>



$（function（）{

调试器;

var Url =<％= Epolice.UserControl.JqGrid.Serialize（this.Url）％>





TableNames =<％= Epolice.UserControl.JqGrid.Serialize（this.TableName）％>

Pager =<％= Epolice.UserControl.JqGrid.Serialize（this.Pager）％>





EditUrl = <％= Epolice.UserControl.JqGrid.Serialize（this.EditUrl）％>

Name =<％= Epolice.UserControl.JqGrid.Serialize（this.Name）％>

Namehide =<％= Epolice.UserControl.JqGrid.Serialize（this.columntohide）％>





hideCasteId =<％= Epolice.UserControl.JqGrid.Serialize（this.hideCasteId）％>

hideCasteGroupId =<％= Epolice.UserControl.JqGrid.Serialize（this.hideCasteGroupId）％ >



jQuery.extend（jQuery.jgrid.edit，{

closeAfterEdit：true，

closeAfterAdd ：true，

ajaxEditOptions：{contentType：application / json}，

serializeEditData：function（data）{

var postData = { 'data'：data};

返回JSON.stringify（数据）;

}

}）;



$ .extend（$。jgrid.defaults，

{datatype：'json'}

）;







$（＃+ TableNames）.jqGrid（{

url：网址，

数据类型：'json'，

editurl：EditUrl，

身高：250，

宽度：900，



ajaxGridOptions：{contentType：'application / json; charset = utf-8'}，

serializeGridData：function（postData）{

返回JSON.stringify（postData）;

console.log （postData）;



}，



colNames：BuildCoulmnName（），

colModel：BuildColumnModel（），

rowNum：10，

emptyrecords：找不到结果，

mtype：'POST'，

loadonce：true，

标题：名称，

rowList：[10,20,30]，

pager：'UsersGridPager'，

// sortname：'MedalId'，

viewrecords：true，

sortorder：'desc'，



cloneToTop：true，

autoencode：true，

altrows：fal se，

autowidth：false，

hoverrows：true，

groupingView：{groupField：['Id']，groupDataSorted：true}，



loadComplete：function（）{

$（＃+ TableNames）。setColProp（'Category'，{

格式化程序：'select'，edittype：select，

editoptions：{值：1：选择;执行：执行; AR：AR;部长级：部长级;第四级：班级IV}

}）;



}，



jsonReader： {

root：d.Pager，

页：d.currpage，

总计：d.totalpages，

记录：d.totalrecords，

repeatitems：true，

cell：，

id：d.Id

}



}）。jqGrid（'navGrid'，'＃'+寻呼机，

{



编辑：true，

add：true，

del：true，

搜索：true，

searchtext：搜索，

refreshtext：刷新，



addtext：添加，

edittext：编辑，

deltext：删除，

cloneToTop：true，

edittype：'select'



}，







{//编辑



recreateForm：true，

reloadAfterSubmit：false，

beforeShowForm：函数（表格）{

调试器;

$（'＃tr _'+ Namehide，表格）.hide（）;

}，

errorTextFormat：函数（响应）{



alert（response.statusText）;

宽度：500

}，

closeAfterEdit：true，

ajaxEditOptions：{contentType：application / json}，

serializeEditData： function（postData）{



var postdata = {'data'：postData};

window.location.reload（）;

返回JSON.stri ngify（postdata）;



}

}，

{//添加

$ / $


beforeShowForm：function（form）{

// $（'＃tr_Id'，form）.hide（）; < br $>
$（'＃tr_'+ Namehide，表格）.hide（）;

}，

宽度：500，

closeAfterAdd：false，

ajaxEditOptions：{contentType：application / json}，

serializeEditData：function（postData）{

var postdata = {'data'：postData};

窗口.location.reload（）;

返回JSON.stringify（postdata）;

}，



} ，







{//删除





closeAfterDelete：true，

ajaxDelOptions：{contentType：application / json}，

reloadAfterSubmit：false，

onclickSubmit：function（eparams）{

调试器;

var retarr = {};



retarr = {Namehide：Namehide};

返回retarr;

}，

serializeDelData：function（data）{

var postData = {'data'：data};

window.location.reload（）;

返回JSON.stringify（postData）;

}





}）;

函数BuildCoulmnName（）{



var a =<％= Epolice.UserControl.JqGrid.Serialize（this.Items）％>

// alert（a [0] .Text）; columns = [];



columns = [];

$ .each（a，function（key，value）{



columns.push（a [key] .Text）;





}）;





返回列; < br $> b $ b}





函数BuildColumnModel（）{

// var uFields = cols.split（'，'）;

var a =<％= Epolice。 UserControl.JqGrid.Serialize（this.Items）％>

columns = [];







$ .each（a，function（key1，value）{

if（a [key1] .Text == Namehide）{

columns.push（{

name：a [key1] .Text，index：a [key1] .Text，key：true，search：true，hidden：false，viewable：true，sortable：true ，editable：true，editoptions：{disabled：true}



}）;



}

else {

columns.push（{

name：a [key1] .Text，index：a [key1] .Text，key：true ，搜索：true，sortable：true，editable：true，editrules：{

custom：true，custom_func：validations

}



}）;

< br $>


}







}） ;



返回栏目;

}



}）;





< / script>



请建议我获取流行音乐在jq网格中



提前感谢

hi
When i insert record in jqgrid after submit pop up should display like "Inserted record successfully"

///Below is the code snippet of ascx

<script type="text/javascript">

$(function () {
debugger;
var Url =<%=Epolice.UserControl.JqGrid.Serialize(this.Url)%>


TableNames =<%=Epolice.UserControl.JqGrid.Serialize(this.TableName)%>
Pager =<%=Epolice.UserControl.JqGrid.Serialize(this.Pager)%>


EditUrl =<%=Epolice.UserControl.JqGrid.Serialize(this.EditUrl)%>
Name =<%=Epolice.UserControl.JqGrid.Serialize(this.Name)%>
Namehide =<%=Epolice.UserControl.JqGrid.Serialize(this.columntohide)%>


hideCasteId =<%=Epolice.UserControl.JqGrid.Serialize(this.hideCasteId)%>
hideCasteGroupId =<%=Epolice.UserControl.JqGrid.Serialize(this.hideCasteGroupId)%>

jQuery.extend(jQuery.jgrid.edit, {
closeAfter true,
closeAfterAdd: true,
ajaxEditOptions: { contentType: "application/json" },
serializeEditData: function (data) {
var postData = { 'data': data };
return JSON.stringify(data);
}
});

$.extend($.jgrid.defaults,
{ datatype: 'json' }
);



$("#" + TableNames).jqGrid({
url: Url,
datatype: 'json',
editurl: EditUrl,
height: 250,
width: 900,

ajaxGridOptions: { contentType: 'application/json; charset=utf-8' },
serializeGridData: function (postData) {
return JSON.stringify(postData);
console.log(postData);

},

colNames: BuildCoulmnName(),
colModel: BuildColumnModel(),
rowNum: 10,
emptyrecords: "No Results Found",
mtype: 'POST',
loadonce: true,
caption:Name,
rowList: [10, 20, 30],
pager: 'UsersGridPager',
//sortname: 'MedalId',
viewrecords: true,
sortorder: 'desc',

cloneToTop: true,
autoencode: true,
altrows: false,
autowidth: false,
hoverrows: true,
groupingView: { groupField: ['Id'], groupDataSorted: true },

loadComplete: function () {
$("#" + TableNames).setColProp('Category', {
formatter: 'select', edittype: "select",
editoptions: { value: "1:Select;Executive:Executive;AR:AR;Ministerial:Ministerial;Class IV:Class IV" }
});

},

jsonReader: {
root: "d.Pager",
page: "d.currpage",
total: "d.totalpages",
records: "d.totalrecords",
repeatitems: true,
cell: "",
id: "d.Id"
}

}).jqGrid('navGrid', '#' + Pager,
{

edit: true,
add: true,
del: true,
search: true,
searchtext: "Search",
refreshtext: "Refresh",

addtext: "Add",
edittext: "Edit",
deltext: "Delete",
cloneToTop: true,
edittype: 'select'

},



{//Edit

recreateForm: true,
reloadAfterSubmit: false,
beforeShowForm: function (form) {
debugger;
$('#tr_'+Namehide, form).hide();
},
errorTextFormat: function (response) {

alert(response.statusText);
width: 500
},
closeAfter true,
ajaxEditOptions: { contentType: "application/json" },
serializeEditData: function (postData) {

var postdata = { 'data': postData };
window.location.reload();
return JSON.stringify(postdata);

}
},
{//Add


beforeShowForm: function (form) {
// $('#tr_Id', form).hide();
$('#tr_' + Namehide, form).hide();
},
width: 500,
closeAfterAdd: false,
ajaxEditOptions: { contentType: "application/json" },
serializeEditData: function (postData) {
var postdata = { 'data': postData };
window.location.reload();
return JSON.stringify(postdata);
},

},



{//Delete


closeAfterDelete: true,
ajaxDelOptions: { contentType: "application/json" },
reloadAfterSubmit: false,
onclickSubmit: function (eparams) {
debugger;
var retarr = {};

retarr = { Namehide: Namehide };
return retarr;
},
serializeDelData: function (data) {
var postData = { 'data': data };
window.location.reload();
return JSON.stringify(postData);
}


});
function BuildCoulmnName() {

var a =<%=Epolice.UserControl.JqGrid.Serialize(this.Items) %>
// alert(a[0].Text);columns = [];

columns = [];
$.each(a, function (key, value) {

columns.push(a[key].Text);


});


return columns;
}


function BuildColumnModel() {
// var uFields = cols.split(',');
var a =<%=Epolice.UserControl.JqGrid.Serialize(this.Items) %>
columns = [];



$.each(a, function (key1, value) {
if (a[key1].Text == Namehide) {
columns.push({
name: a[key1].Text, index: a[key1].Text, key: true, search: true, hidden: false, viewable: true, sortable: true, editable: true, editoptions: { disabled: true }

});

}
else {
columns.push({
name: a[key1].Text, index: a[key1].Text, key: true, search: true, sortable: true, editable: true, editrules: {
custom: true, custom_func: validations
}

});


}



});

return columns;
}

});


</script>

kindly suggest me to get the pop up in jq grid

thanks in advance

推荐答案

（function（）{

调试器;

var Url =<％= Epolice.UserControl.JqGrid.Serialize（this.Url）％>





TableNames =<％= Epolice.UserControl.JqGrid.Serialize（this.TableName）％>

Pager =<％= Epolice.UserControl.JqGrid。序列化（this.Pager）％>





EditUrl =<％= Epolice.UserControl.JqGrid.Serialize（this.EditUrl）％>

Name =<％= Epolice.UserControl .JqGrid.Serialize（this.Name）％>

Namehide =<％= Epolice.UserControl.JqGrid.Serialize（this.columntohide）％>

< br $>


hideCasteId =<％= Epolice.UserControl.JqGrid.Serialize（this.hideCasteId）％>

hideCasteGroupId =<％= Epolice.UserControl.JqGrid.Serialize（this.hideCasteGroupId）％>



jQuery.extend（jQuery.jgrid.edit，{

closeAfterEdit：true，

closeAfterAdd：true，

ajaxEditOptions：{contentType：application / json}，

serializeEditData：function（data） {

var postData = {'data'：data};

返回JSON.stringify（数据）;

}

}）;

(function () {
debugger;
var Url =<%=Epolice.UserControl.JqGrid.Serialize(this.Url)%>


TableNames =<%=Epolice.UserControl.JqGrid.Serialize(this.TableName)%>
Pager =<%=Epolice.UserControl.JqGrid.Serialize(this.Pager)%>


EditUrl =<%=Epolice.UserControl.JqGrid.Serialize(this.EditUrl)%>
Name =<%=Epolice.UserControl.JqGrid.Serialize(this.Name)%>
Namehide =<%=Epolice.UserControl.JqGrid.Serialize(this.columntohide)%>


hideCasteId =<%=Epolice.UserControl.JqGrid.Serialize(this.hideCasteId)%>
hideCasteGroupId =<%=Epolice.UserControl.JqGrid.Serialize(this.hideCasteGroupId)%>

jQuery.extend(jQuery.jgrid.edit, {
closeAfter true,
closeAfterAdd: true,
ajaxEditOptions: { contentType: "application/json" },
serializeEditData: function (data) {
var postData = { 'data': data };
return JSON.stringify(data);
}
});

.extend（

.jgrid.defaults，

{datatype：'json'}

）;

.jgrid.defaults,
{ datatype: 'json' }
);

这篇关于弹出后应在jqgrid中插入记录后显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！