سلام
میشه خوبشم میشه
بیا یه Helper واسه این کار نوشتم
برو تو سایت Jquery UI یه نمونه بیار بذار بالای صفحه حالا این کدها رو اضافه کن
namespace Test.Helpers
{
public class DialogOpenerOption
{
public DialogOpenerOption()
{
Width = "auto";
Height = "auto";
ShowEffect = "clip";
ShowDir = "left";
HideEffect = "clip";
HideDir = "right";
IsModal = "true";
Title = "Dialog Title";
Text = "";
Target = "Target";
id = "random_" + GRandom.Next();
Method = "POST";
CLASS = string.Empty;
gridField = "";
gridid = "";
Data = "";
OnClick = "";
}
public string CLASS { get; set; }
public string Width { get; set; }
public string Height { get; set; }
public string ShowEffect { get; set; }
public string ShowDir { get; set; }
public string HideEffect { get; set; }
public string HideDir { get; set; }
public string IsModal { get; set; }
public string Title { get; set; }
public string Text { get; set; }
public string Target { get; set; }
public string id { get; set; }
public string Method { get; set; }
public string Data { get; set; }
public string OnClick { get; set; }
public string gridid { get; set; }
public string gridField { get; set; }
public Dictionary<string, object> Dic()
{
string functioncallstring = "";
if (OnClick == "")
functioncallstring = string.Format("CMIS_showDialog(this)");
else
functioncallstring = string.Format(OnClick);
Dictionary<string, object> dic = new Dictionary<string, object>()
{
{"id", this.id},
{"href", "javascript:;"},
{"data-i-Width", this.Width},
{"data-i-Height", this.Height},
{"data-i-ShowEffect", this.ShowEffect},
{"data-i-ShowDir", this.ShowDir},
{"data-i-HideEffect", this.HideEffect},
{"data-i-HideDir", this.HideDir},
{"data-i-IsModal", this.IsModal},
{"data-i-Title", this.Title},
{"data-i-Text", this.Text},
{"data-i-Target", this.Target},
{"data-i-Method", this.Method},
{"data-i-Data", this.Data},
{"class", this.CLASS},
{"onclick", functioncallstring},
{"data-i-gridid",this.gridid },
{"data-i-gridfield", this.gridField}
};
return dic;
}
}
}
اینم تو یه فایل js بنویس بذار بالا صفحه
function CMIS_showDialog(idselector) {
var item = jQuery(idselector);
var gridid = item.attr('data-i-gridid');
var gridfield = item.attr('data-i-gridfield');
var data2 = "";
if (gridfield != "") {
var grid = jQuery("#" + gridid);
if (grid.length == 0) {
alertbox("grid not found");
return;
}
var dataItem = grid.data("kendoGrid").dataItem(item.closest("tr"));
var rowid = dataItem[gridfield];
//$('#divid').load(jQuery(e.currentTarget).attr("myclass") + dataItem[id]);
data2 = { id: rowid };
}
jQuery.ajax({
type: item.attr('data-i-Method'),
url: item.attr('data-i-Target'),
data: /*item.attr('data-i-Data')*/data2
}).done(function (data) {
var dialogid = "dialog" + Math.floor((Math.random() * 100000) + 1);
randomDialogId = dialogid;
jQuery("body").append("<div id='" + dialogid + "' title='Basic dialog'>" + data + "</div>");
jQuery("#" + dialogid).dialog({
width: item.attr('data-i-Width'),
height: item.attr('data-i-Height'),
ShowEffect: item.attr('data-i-ShowEffect'),
ShowDir: item.attr('data-i-ShowDir'),
HideEffect: item.attr('data-i-HideEffect'),
HideDir: item.attr('data-i-HideDir'),
position: { my: "center top", at: "center bottom", of: 'nav' },
modal: true,/* item.attr('data-i-IsModal')*/
title: item.attr('data-i-Title'),
close: function (event, ui) {
//onClose();
//jQuery("#" + dialogid).location.reload();
if (gridid != '') {
jQuery("#" + item.attr('data-i-gridid')).data("kendoGrid").dataSource.read();
}
jQuery("#" + dialogid).remove();
}
}).keypress(function (e) {
if (e.keyCode == jQuery.ui.keyCode.ENTER) {
e.preventDefault();
}
});
});
}
اینم توی Helper
public static MvcHtmlString DialogOpener(this AjaxHelper ajaxHelper, DialogOpenerOption option)
{
/*
* {"data-i-gridid",this.gridid },
{"data-i-gridfield", this.gridField}
* */
string id = option.id;
var tag = new TagBuilder("a");
tag.InnerHtml = option.Text;
tag.MergeAttribute("id", id);
tag.MergeAttribute("href", "javascript:;");
tag.MergeAttribute("data-i-Width", option.Width);
tag.MergeAttribute("data-i-Height", option.Height);
tag.MergeAttribute("data-i-ShowEffect", option.ShowEffect);
tag.MergeAttribute("data-i-ShowDir", option.ShowDir);
tag.MergeAttribute("data-i-HideEffect", option.HideEffect);
tag.MergeAttribute("data-i-HideDir", option.HideDir);
tag.MergeAttribute("data-i-IsModal", option.IsModal);
tag.MergeAttribute("data-i-Title", option.Title);
tag.MergeAttribute("data-i-Text", option.Text);
tag.MergeAttribute("data-i-Target", option.Target);
tag.MergeAttribute("data-i-Method", option.Method);
tag.MergeAttribute("data-i-Data", option.Data);
tag.MergeAttribute("data-i-gridid", option.gridid);
tag.MergeAttribute("data-i-gridfield", option.gridField);
tag.MergeAttribute("class", option.CLASS);
string functioncallstring = "";
if (option.OnClick == "")
functioncallstring = string.Format("CMIS_showDialog(this)");
else
functioncallstring = string.Format(option.OnClick);
tag.MergeAttribute("onclick", functioncallstring);
return MvcHtmlString.Create(tag.ToString());
}
حالا کاری نداری دیگه فقط ازش استفاده کن
Ajax.DialogOpener(new DialogOpenerOption { gridid = "grid_Contractor", Text = "add new Contractor", CLASS = "addnewbutton", OnClick = "TestFunction()", Target = Url.Action("Create", "Contractor"), Method = "GET", Title = "Create Contractor" })