IML TODO

कफ मिला

• AngularJs कोड एक फव्वारा नहीं है - यह खंडन करना मुश्किल है, हालांकि वे सभी आधिकारिक साइट और लोकप्रिय गाइड से थे
• कमजोर उदाहरण - जोर काम पर था, स्क्रिप्ट पर नहीं, लेकिन मैं मानता हूं कि एक अधिक व्यापक समाधान संभावित रूप से पूरी तरह से प्रकट करता है (मैंने हमारी कुछ परियोजनाओं का सुझाव दिया है जो खुले स्रोत हैं, लेकिन उन्हें नजरअंदाज कर दिया गया)
• AngularJs नहीं जानते? - स्पष्ट कारणों के लिए, यह एंगुलरज डेवलपर्स को बहुत प्रभावित करता है
• JS विषय एक गंभीर गलती है, क्योंकि asp.net mvc का उपयोग किए बिना, टाइप किए गए TextBoxFor और अन्य एक्सटेंशन के आकर्षण को समझना मुश्किल है।

टूडो क्यों?

कोड की समीक्षा

इसमें क्या शामिल है

• सूचकांक - मुख्य पृष्ठ (और वास्तव में ब्राउज़र के लिए केवल एक)
• Todo_List_Tmpl - केंद्रीय सूची बनाने का खाका
• Todo_Footer_Tmpl - संकेतकों के साथ एक तहखाने के निर्माण के लिए टेम्पलेट

सूचकांक (तीन तत्वों से मिलकर)

TODO फॉर्म जोड़ें

@using (Html.When(JqueryBind.Submit) .DoWithPreventDefault() .Submit(options => { options.Url = Url.Dispatcher() .Push(new AddTodoCommand { ClientId = Selector.Incoding.Cookie(CookieManager.ClientId) }); }) .OnSuccess(dsl => { dsl.WithId(containerId).Core().Trigger.Incoding(); dsl.Self().Core().Form.Reset(); }) .AsHtmlAttributes() .ToBeginTag(Html, HtmlTag.Form)) { @Html.TextBoxFor(r => r.Title, new { placeholder = "What needs to be done?", autofocus = "" }) } 

क्या करना है?

• कब (JqueryBind.Submit) - लक्ष्य घटना को इंगित करें
• DoWithPreventDefault - ईवेंट व्यवहार (ब्राउज़र हैंडलर रद्द करें)
• सबमिट करें - फॉर्म को अजाक्स के माध्यम से जमा करें
  नोट: प्रस्तुत कार्यान्वयन पर टिप्पणियों की एक जोड़ी:
  
  • जहाँ फ़ॉर्म भेजा गया है, उसे विकल्प में निर्दिष्ट करें (और प्रपत्र की क्रिया विशेषता के माध्यम से नहीं)
  • ClientId एक फॉर्म को हिडन के रूप में रेंडर कर सकता है, जो कि InitIncoding के अनुसार, कूकीज़ से वैल्यूज़ को कॉल करेगा।
  
  
• OnSuccess - सफल सबमिट करने के बाद चलाएँ
  
  • कंटेनर आईगोडिंग के लिए ट्रिगर इंकोडर - कंटेनर तत्व के लिए सभी IML कोड चलाएं (नीचे विवरण)
    नोट: आप एक से अधिक का उपयोग कर सकते हैं, जब आप अलग-अलग घटनाओं (विभिन्न IML कोड के साथ) को बांधने की अनुमति देते हैं, इसलिए ट्रिगर इनकोडिंग सभी श्रृंखलाओं को शुरू करता है।
    
  • फॉर्म रीसेट - फॉर्म तत्वों के मूल्य को रीसेट करें
    
  
  
• AsHtmlAttributes - IML कोड को asp.net mvc फॉरमेट (रूटवैल्यूएडर) में इकट्ठा करें
• ToBeginTag - हम प्राप्त विशेषताओं को फॉर्म टैग (Html.BeginFormons के रूप में कार्य के सिद्धांत) में पैक करते हैं
  नोट: आप Html.BeginForm(“action”,”controller”,Post,iml.AsHtmlAttributes()) उपयोग कर सकते हैं
  

TODO जोड़ें फ़ॉर्म (वैकल्पिक)

 @using (Html.Todo().BeginForm(setting => { setting.TargetId = containerId; setting.Routes = new { ClientId = Selector.Incoding.Cookie(CookieManager.ClientId) }; })) { @Html.TextBoxFor(r => r.Title, new { placeholder = "What needs to be done?", autofocus = "" }) } 

 public class BeginFormSetting { public string TargetId { get; set; } public object Routes { get; set; } } public BeginTag BeginForm(Action configure) { var setting = new BeginFormSetting(); configure(setting); var url = new UrlHelper(HttpContext.Current.Request.RequestContext); return this.helper.When(JqueryBind.Submit) .DoWithPreventDefault() .Submit(options => { options.Url = url.Dispatcher() .Push(setting.Routes); }) .OnSuccess(dsl => { dsl.WithId(setting.TargetId).Core().Trigger.Incoding(); dsl.Self().Core().Form.Reset(); }) .AsHtmlAttributes() .ToBeginTag(this.helper, HtmlTag.Form); } 

पात्र

 @(Html.When(JqueryBind.InitIncoding | JqueryBind.IncChangeUrl) .Do() .AjaxGet(Url.Dispatcher() .Query(new { ClientId = Selector.Incoding.Cookie(CookieManager.ClientId), Type = Selector.Incoding.HashQueryString(r => r.Type) }) .AsJson()) .OnSuccess(dsl => { string urlTmpl = Url.Dispatcher() .Model(new GetTodoByClientQuery.Tmpl { FooterId = footerId }) .AsView("~/Views/Home/Todo_List_Tmpl.cshtml"); dsl.Self().Core().Insert.WithTemplateByUrl(urlTmpl).Html(); dsl.WithId(footerId).Core().Trigger.Incoding(); }) .AsHtmlAttributes(new { id = containerId }) .ToDiv()) 

क्या करना है?

• जब (JqueryBind.InitIncoding | IncChangeUrl) - लक्ष्य ईवेंट निर्दिष्ट करें
  
  • InitIncoding - जब पृष्ठ पर पहली बार तत्व दिखाई देता है, तो आग लग जाती है (यह अजाक्स या आमतौर पर कोई फर्क नहीं पड़ता)
  • IncChangeUrl - जब हैश बदल जाता है
  
  
• क्या - घटना व्यवहार
• अजाक्सगेट - उस यूआरएल को निर्दिष्ट करें जिसके लिए अजाक्स अनुरोध निष्पादित किया जाएगा
  
  • ClientId - कुकीज़ से मान प्राप्त करें
  • प्रकार - हैश क्वेरी स्ट्रिंग से मान प्राप्त करें
  
  
• OnSuccess - AjaxGet के सफल समापन के बाद निष्पादित करें
  
  • टेम्प्लेट द्वारा सेल्फ में डेटा डालें - प्राप्त डेटा (रिक्वेस्ट) से टेम्पलेट के माध्यम से वर्तमान टोडो (नीचे Todo_List_Tmpl) डालें।
    ध्यान दें: टेम्पलेट किसी भी उपलब्ध चयनकर्ता के माध्यम से प्राप्त किया जा सकता है, उदाहरण के लिए, पहले, मुख्य एक Jquery.Id था, लेकिन अजाक्स लोडिंग बेहतर है
    
  • पाद लेख के लिए ट्रिगर करने वाला ट्रिगर - पाद तत्व (विवरण नीचे) के लिए सभी IML कोड चलाएं
    
  
  
• AsHtmlAttributes - हम IML कोड एकत्र करते हैं और मान विशेषता में IdI (कंटेनर) मान सेट करते हैं
  ध्यान दें: एक आईडी के रूप में गाइड का उपयोग करना एक पृष्ठ पर एक तत्व की विशिष्टता की गारंटी देता है, विशेष रूप से एक पृष्ठ आवेदन के लिए सच है
  
• ToDiv - हम प्राप्त विशेषताओं को div टैग में पैक करते हैं
  नोट: ToDiv, रूटवैल्यूडाउन पर C # एक्सटेंशन है, जिससे आप आसानी से अपना विकल्प लिख सकते हैं
  

कंटेनर (वैकल्पिक तरीका)

 @Html.Todo().Container(setting => { setting.Id = containerId; setting.Url = Url.Dispatcher() .Query(new { ClientId = Selector.Incoding.Cookie(CookieManager.ClientId), Type = Selector.Incoding.HashQueryString(r => r.Type) }) .AsJson(); setting.Tmpl = Url.Dispatcher() .Model(new GetTodoByClientQuery.Tmpl { FooterId = footerId }) .AsView("~/Views/Home/Todo_List_Tmpl.cshtml"); setting.DependencyId = footerId; }) 

 public class ContainerSetting { public string Id { get; set; } public string Url { get; set; } public string Tmpl { get; set; } public string DependencyId { get; set; } } public MvcHtmlString Container(Action configure) { var setting = new ContainerSetting(); configure(setting); return helper.When(JqueryBind.InitIncoding | JqueryBind.IncChangeUrl) .Do() .AjaxGet(setting.Url) .OnSuccess(dsl => { dsl.Self().Core().Insert.WithTemplateByUrl(setting.Tmpl).Html(); dsl.WithId(setting.DependencyId).Core().Trigger.Incoding(); }) .AsHtmlAttributes(new { id = setting.Id }) .ToDiv(); } 

फ़ुटबाल

 @(Html.When(JqueryBind.None) .Do() .Direct(new FooterVm { AllCount = Selector.Jquery.Class("toggle").Length(), IsCompleted = Selector.Jquery.Class("toggle").Is(JqueryExpression.Checked), CompletedCount = Selector.Jquery.Class("toggle") .Expression(JqueryExpression.Checked) .Length(), })) .OnSuccess(dsl => { string urlTmpl = Url.Dispatcher() .Model(new TodoFooterTmplVm { ContainerId = containerId }) .AsView("~/Views/Home/Todo_Footer_Tmpl.cshtml"); dsl.Self().Core().Insert.Prepare().WithTemplateByUrl(urlTmpl).Html(); }) .AsHtmlAttributes(new { id = footerId }) .ToDiv()) 

• कब (JqueryBind.None) - लक्ष्य घटनाओं को निर्दिष्ट करें
  
  • कोई नहीं - जब आप किसी भी कस्टम इवेंट को स्ट्रिंग "MySpecialEvent" के रूप में निर्दिष्ट करने की अनुमति देते हैं, लेकिन अभ्यास से पता चला है कि एक कई परिदृश्यों के लिए पर्याप्त है।
  
  
• क्या - घटना व्यवहार
• प्रत्यक्ष - एक एक्शन स्टब के रूप में माना जा सकता है जो कार्रवाई नहीं करता है, लेकिन डेटा के साथ काम कर सकता है
  
  
  • AllCount - "टॉगल" वर्ग के साथ वस्तुओं की संख्या प्राप्त करें
    नोट: आप किसी भी jquery विधि को कॉल करने के लिए विधि एक्सटेंशन (लंबाई के बजाय) का उपयोग कर सकते हैं, और JquerySelectorExtend पर C # एक्सटेंशन भी लिख सकते हैं
    
  • पृथक - "टॉगल" वर्ग के साथ चिह्नित वस्तुओं की उपस्थिति के लिए जाँच करें
    ध्यान दें: यदि आपके पास रेडी-मेड jquery चयनकर्ता की पर्याप्त सुविधाएँ नहीं हैं, तो आप Selector.Jquery.Custom ("आपका jquery चयनकर्ता") का उपयोग कर सकते हैं
    
  • कंप्लीटेडाउंट - "टॉगल" वर्ग के साथ चिह्नित वस्तुओं की संख्या प्राप्त करें
  
  
• OnSuccess - AjaxGet के सफल समापन के बाद निष्पादित करें
  
  • टेम्पलेट द्वारा स्वयं के लिए डेटा तैयार करें सम्मिलित करें - वर्तमान तत्व में टेम्पलेट के माध्यम से डायरेक्ट से डेटा तैयार करें (टोडो_फूटरर नीचे)
  
  ध्यान दें: डेटा डालने से पहले तैयार करें चयनकर्ता निष्पादित करें जो फ़ील्ड में हैं।
  
• AsHtmlAttributes - IML कोड एकत्र करना
• ToDiv - हम प्राप्त विशेषताओं को div टैग में पैक करते हैं

टोडो सूची tmpl

 @using (var template = Html.Incoding().Template()) { <ul> @using (var each = template.ForEach()) { @using (each.Is(r => r.Active)) { @createCheckBox(true) } @using (each.Not(r => r.Active)) { @createCheckBox(false) } <li class="@each.IsInline(r=>r.Active,"completed")"> <label>@each.For(r=>r.Title)</label> </li> </ul> } 

क्या करना है?

• Html.Incoding ()। टेम्पलेट () - टेम्पलेट के निर्माण के संदर्भ (संदर्भ का उपयोग करके) खोलें
• template.ForEach () - एन्यूमरेट करना (उपयोग करने के भीतर) तत्व
• का उपयोग कर (प्रत्येक .s (r => r.Active)) - शर्तों का पिछला संस्करण "एक पंक्ति में" था, लेकिन अक्सर ऐसा होता है कि आपको अधिक जटिल क्रियाएं करने की आवश्यकता होती है।
• createCheckBox - चेकबॉक्स बनाने के लिए अनाम सी # फ़ंक्शन (नीचे विवरण)
• प्रत्येक। इनलाइन (r => r.Active, "पूर्ण") - यदि सक्रिय फ़ील्ड सत्य है, तो "पूर्ण" लौटें
  नोट: IsNotLine और IsLine भी उपलब्ध हैं।
  
• प्रत्येक। के लिए (r => r.Title) - शीर्षक फ़ील्ड का मान प्रिंट करें
  नोट: फ़ील्ड के सभी कॉल निर्दिष्ट मॉडल पर आधारित हैं (हाँ, मैं फिर से टाइप करने की बात कर रहा हूँ)
  

अन्य आइटम

बटन डेल

 @(Html.When(JqueryBind.Click) .Do() .AjaxPost(Url.Dispatcher().Push(new DeleteEntityByIdCommand { Id = each.For(r => r.Id), AssemblyQualifiedName = typeof(Todo).AssemblyQualifiedName })) .OnBegin(r => { r.WithSelf(s => s.Closest(HtmlTag.Li)).Core().JQuery.Manipulation.Remove(); r.WithId(Model.FooterId).Core().Trigger.Incoding(); r.WithId(toggleAllId).Core().Trigger.None(); }) .AsHtmlAttributes(new { @class = "destroy" }) .ToButton("")) 

क्या करना है?

• कब (JqueryBind.Click) - लक्ष्य घटना निर्दिष्ट करें
• क्या - घटना व्यवहार
• AjaxPost - Url को इंगित करें, जिससे हम एक ऐजैक्स अनुरोध करते हैं
  
  • ईद - टोडो से मूल्य
  • असेंबली क्वॉलिफाइड नाम - तत्व प्रकार (या अन्य सी # कोड) का नाम प्राप्त करें
  
  
• OnBegin - कार्रवाई से पहले निष्पादित करें (AjaxPost)
  नोट: निश्चित रूप से यह OnSuccess का उपयोग करने के लिए अधिक सही होगा, क्योंकि सर्वर पर कोई त्रुटि हो सकती है (टाइमआउट या कुछ और) और AjaxPost को कॉल करने से पहले OnBegin के काम करने के कारण लेनदेन पूरा नहीं होगा, लेकिन js फ्रेमवर्क पर TodoBVC उदाहरण स्थानीय भंडारण का उपयोग करते हैं ( जो अजाक्स से तेज है) और इसलिए मैंने बहुत बड़ा धोखा नहीं किया, लेकिन गति में नहीं खोना
  
  • निकटतम LI निकालें - निकटतम LI निकालें
  • ट्रिगर आईडी से पाद लेख आईडी - पाद लेख तत्व के लिए सभी IML कोड चलाएं (ऊपर विवरण)
  • सभी को टॉगल करने के लिए ट्रिगर कोई नहीं - टॉगल ऑल एलिमेंट के लिए IML कोड (केवल कोई भी चेन नहीं) (विवरण नीचे)
  
  नोट: यदि दोनों (फुटर और टॉगल सभी) के लिए एक ही ट्रिगर को कॉल करना आवश्यक था, तो आप निम्नलिखित विकल्प का उपयोग कर सकते हैं
  

   dsl.WithId(Model.FooterId, toggleAllId).Core().Trigger.Incoding(); 

  
  
• AsHtmlAttributes - IML कोड एकत्र करना
• ToButton - हम बटन टैग में प्राप्त विशेषताओं को पैक करते हैं
  नोट: ToButton आपको सामग्री निर्दिष्ट करने की अनुमति देता है, लेकिन इस मामले में यह आवश्यक नहीं है, क्योंकि चित्र CSS के माध्यम से सेट होता है
  

बटन डेल (वैकल्पिक)

 @Html.Todo().Verb(setting => { setting.Url = Url.Dispatcher().Push(new DeleteEntityByIdCommand { Id = each.For(r => r.Id), AssemblyQualifiedName = typeof(Todo).AssemblyQualifiedName }); setting.OnBegin = dsl => { dsl.WithSelf(s => s.Closest(HtmlTag.Li)).Core().JQuery.Manipulation.Remove(); dsl.WithId(Model.FooterId).Core().Trigger.Incoding(); dsl.WithId(toggleAllId).Core().Trigger.None(); }; setting.Attr = new { @class = "destroy" }; }) 

 public class VerbSetting { public string Url { get; set; } public Action<IIncodingMetaLanguageCallbackBodyDsl> OnBegin { get; set; } public Action<IIncodingMetaLanguageCallbackBodyDsl> OnSuccess { get; set; } public object Attr { get; set; } public string Content { get; set; } } public MvcHtmlString Verb(Action<VerbSetting> configure) { var setting = new VerbSetting(); configure(setting); return this.helper.When(JqueryBind.Click) .Do() .AjaxPost(setting.Url) .OnBegin(dsl => { if (setting.OnBegin != null) setting.OnBegin(dsl); }) .OnSuccess(dsl => { if (setting.OnSuccess != null) setting.OnSuccess(dsl); }) .AsHtmlAttributes(setting.Attr) .ToButton(setting.Content); } 

चेकबॉक्स पूरा हुआ

 var createCheckBox = isValue => Html.When(JqueryBind.Change) .Do() .AjaxPost(Url.Dispatcher().Push(new ToggleTodoCommand { Id = each.For(r => r.Id) })) .OnBegin(dsl => { dsl.WithSelf(r => r.Closest(HtmlTag.Li)) .Behaviors(inDsl => { inDsl.Core().JQuery.Attributes.RemoveClass("completed"); inDsl.Core().JQuery.Attributes.AddClass("completed") .If(builder => builder.Is(() => Selector.Jquery.Self())); }); dsl.WithId(Model.FooterId).Core().Trigger.Incoding(); dsl.WithId(toggleAllId).Core().Trigger.None(); }) .AsHtmlAttributes(new {@class="toggle" }) .ToCheckBox(isValue); 

क्या करना है?

• कब (JqueryBind.Change) - लक्ष्य घटना को इंगित करें
• क्या - घटना व्यवहार
• AjaxPost - Url को इंगित करें, जिससे हम एक ऐजैक्स अनुरोध करते हैं
  नोट: AjaxPost और AjaxGet Ajax का एक "नाम" संस्करण है जिसमें कई उन्नत सेटिंग्स हैं।
  
• OnBegin - कार्रवाई से पहले निष्पादित करें (AjaxPost)
  
  • निकटतम LI पर कक्षा निकालें - निकटतम LI से "पूर्ण" वर्ग निकालें
  • निकटतम LI पर वर्ग जोड़ें यदि स्व सत्य है - "पूर्ण" वर्ग जोड़ें
  
  ध्यान दें: जबकि अन्य IML में लागू नहीं है, लेकिन संस्करण 2.0 में यह योजनाबद्ध है
  
• AsHtmlAttributes - IML कोड एकत्र करें, और वर्ग विशेषता के लिए "टॉगल" मान भी सेट करें
• ToCheckBox - हम प्राप्त विशेषताओं को इनपुट [टाइप = चेकबॉक्स] टैग में पैक करते हैं

टाइपो द्वारा फ़िल्टर करें

 @{ const string classSelected = "selected"; var createLi = (typeOfTodo,isFirst) => Html.When(JqueryBind.InitIncoding) .Do() .Direct() .OnSuccess(dsl => { var type = Selector.Incoding.HashQueryString(r => r.Type); if (isFirst) dsl.Self().Core().JQuery.Attributes.AddClass(classSelected).If(s => s.Is(() => type == "")); dsl.Self().Core().JQuery.Attributes.AddClass(classSelected).If(s => s.Is(() => type == typeOfTodo.ToString())); }) .When(JqueryBind.Click) .Do() .Direct() .OnSuccess(dsl => { dsl.WithSelf(r => r.Closest(HtmlTag.Ul).Find(HtmlTag.A)).Core().JQuery.Attributes.RemoveClass(classSelected); dsl.Self().Core().JQuery.Attributes.AddClass(classSelected); }) .AsHtmlAttributes(new { href = "#!".AppendToHashQueryString(new { Type = typeOfTodo }) }) .ToLink(typeOfTodo.ToString()); } <li> @createLi(GetTodoByClientQuery.TypeOfTodo.All,true) </li> <li> @createLi(GetTodoByClientQuery.TypeOfTodo.Active,false) </li> <li> @createLi(GetTodoByClientQuery.TypeOfTodo.Completed,false) </li> 

क्या करना है?

• कब (JqueryBind.InitIncoding) - लक्ष्य घटना को इंगित करें
• क्या - घटना व्यवहार
• प्रत्यक्ष - कुछ नहीं करते
• OnSuccess - सफल समापन के बाद चलाते हैं
  नोट: प्रत्यक्ष के लिए OnBegin या OnSuccess में कोई अंतर नहीं है, लेकिन OnError और OnBreak बाकी की तरह काम करते हैं
  
  • var प्रकार - एक चर घोषित करते हैं, जिसे हम बाद में अभिव्यक्ति में उपयोग करेंगे
  • यदि IsFirst सच है और प्रकार रिक्त है, तो स्वयं को वर्ग जोड़ें - यदि वर्तमान तत्व पहला है और टाइप खाली है तो एक वर्ग जोड़ें
  • यदि प्रकार चालू प्रकार है तो स्वयं को कक्षा में जोड़ें - यदि टाइपऑफटोडो तर्क के बराबर है तो वर्तमान तत्व में एक वर्ग जोड़ें
  
  
• कब (JqueryBind.Click) - लक्ष्य घटना निर्दिष्ट करें
• क्या - घटना व्यवहार
  नोट: हम लिंक व्यवहार को रद्द नहीं करते हैं क्योंकि हमें स्थान अपडेट करने के लिए ब्राउज़र की आवश्यकता है
  
• प्रत्यक्ष - कुछ नहीं करते
  
  • निष्कासन वर्ग - चयनित वर्ग को उन सभी A से हटा दें जो निकटतम UL में हैं
  • स्वयं में वर्ग जोड़ें - चयनित तत्व को वर्तमान तत्व में जोड़ें
  
  
• AsHtmlAttributes - IML कोड इकट्ठा करें, और href विशेषता भी सेट करें

प्रकार के आधार पर फ़िल्टर करें (वैकल्पिक विधि)

 <li> @Html.Todo().LiHash(setting => { setting.IsFirst = true; setting.SelectedClass = classSelected; setting.Type = GetTodoByClientQuery.TypeOfTodo.All; }) </li> 

बिना शर्त लाभ!

• टाइपिंग - बेशक, हर कोई अपने प्रिज़्म के माध्यम से टाइपिंग देखता है, किसी का मानना ​​है कि आपको अधिक कोड लिखना होगा (यह सच है), अन्य में लचीलेपन की कमी है जो गैर-टाइप भाषाओं में निहित है, लेकिन IML मुख्य रूप से C # है, इसलिए उन डेवलपर्स ने इसे चुना है। मुझे लगता है कि वे इस प्लस की सराहना करेंगे।
• शक्तिशाली विस्तार - लेख में मैंने कुछ दिए हैं, लेकिन व्यवहार में उनमें से बहुत कुछ है, अपने शब्दों का समर्थन करने के लिए मैं एक जोड़े को और अधिक दूंगा:
  
  • नीचे गिरा दो
    

     @Html.For(r=>r.HcsId).DropDown(control => { control.Url = Url.Action("HealthCareSystems", "Shared"); control.OnInit = dsl => dsl.Self().Core().Rap().DropDown(); control.Attr(new { @class = "selectInput", style = "width:375px" }); }) 

    
    नोट: OnInit एक्शन स्वीकार करता है, जो IML को लागू करके आपके एक्सटेंशन को स्केल करना आसान बनाता है।
    
    संवाद
    

     @Html.ProjectName().OpenDialog(setting => { setting.Url = Url.Dispatcher() .Model<GroupEditProviderOrderCommand>() .AsView("~/Views/ProviderOrder/Edit.cshtml"); setting.Content = "Edit"; setting.Options = options => { options.Title = "Edit Order"; }; }) 

    
    नोट: अधिक लचीलेपन के लिए, आप एक्शन को एक फील्ड के रूप में उपयोग कर सकते हैं, उदाहरण के लिए सेटिंग। एक्शन है।
    सूची आगे और आगे बढ़ती है, लेकिन मुख्य विचार यह है कि आईएमएल आपको किसी भी कार्य को करने की अनुमति देता है, और html एक्सटेंशन पुन: उपयोग की समस्या को हल करता है।
    
    
    
  • अधिक शक्तिशाली एक्सटेंशन
    
    • ग्रिड - पूरी तरह से IML पर बनाया गया है (निकट भविष्य में प्रलेखन होगा)
      

       @(Html.ProjectName() .Grid<CTRPrintLogModel>() .Columns(dsl => { dsl.Template(@<text> <span>@item.For(r=>r.Comment)</span> </text>) .Title("Comment"); const string classVerticalTop = "vertical_top"; dsl.Bound(r => r.Time).Title("Time").HtmlAttributes(new { @class = classVerticalTop }); dsl.Bound(r => r.Version).Title("Type").HtmlAttributes(new { @class = classVerticalTop }); dsl.Bound(r => r.PrintDate).Title("Date"); dsl.Bound(r => r.Comment).Raw(); }) .AjaxGet(Url.RootAction("GetCTRPrintLogModel", "CTR"))) 

      
      
    • टैब्स
      

       @(Html.Rap() .Tabs<Enums.CarePlanTabs>() .Items(dsl => { dsl.AddTab(Url.Action("RedFlags", "PatientRedFlag"), Enums.CarePlanTabs.RedFlags); dsl.AddTab(Url.Action("Goals", "IncGoal"), Enums.CarePlanTabs.SelfCareGoals); dsl.AddTab(Url.Action("Index", "IncAppointment"), Enums.CarePlanTabs.Appointments); })) 

      
      नोट: html एक्सटेंशन से परिचित कोई भी डेवलपर अपनी परियोजना की जरूरतों के लिए इस तरह के एक तत्व का निर्माण कर सकता है
      
    
    
  • हैश के साथ काम करना - इस लेख में केवल IncChangeUrl स्तर पर विचार किया गया था, लेकिन हमारे पास है:
    
    
    • हैश.फैच - हैश से तत्वों (सैंडबॉक्स) में मान डालता है
    • Hash.Insert / Update - तत्वों से हैश में मान डालता है
    • Hash.Manipulate - आपको वर्तमान हैश को ठीक करने (सेट / कुंजी द्वारा हटाने) की अनुमति देता है
    • अजाक्सहैश सबमिट का एक एनालॉग है, लेकिन फॉर्म के लिए नहीं, बल्कि हैश के लिए।
    
    
  • इन्सर्ट के साथ काम करना - मुझे इसे लागू करने के लिए TODO का उपयोग नहीं करना है, लेकिन वास्तविक परियोजनाओं में हर जगह
    
    • इंसर्ट जेनेरिक - ऊपर दिए गए सभी उदाहरण एक ही मॉडल पर बनाए गए थे, लेकिन अक्सर ऐसे परिदृश्य होते हैं जब प्राप्त डेटा एक "कंटेनर" होता है, इन उद्देश्यों के लिए इनसर्ट में यह निर्दिष्ट करने की क्षमता होती है कि हम मॉडल के किस भाग के लिए काम करते हैं, साथ ही साथ प्रत्येक के लिए एक टेम्पलेट भी।
      
      

       Html.When(JqueryBind.InitIncoding) .Do() .AjaxGet(Url.Action("FetchComplex", "Data")) .OnSuccess(dsl => { dsl.WithId(newsDivId).Core().Insert.For<ComplexVm>(r => r.News).WithTemplateByUrl(urlNewsTmpl).Html(); dsl.WithId(contactDivId).Core().Insert.For<ComplexVm>(r => r.Contacts).WithTemplateByUrl(urlContactsTmpl).Html(); }) .AsHtmlAttributes() .ToDiv() 

      
      
    
    
  • सत्यापन के साथ काम करें (एक क्लाइंट के रूप में सर्वर) - कई जेएस फ्रेमवर्क में सत्यापन के लिए उपकरण होते हैं, लेकिन आईएमएल, जैसा कि एक से अधिक बार उल्लेख किया गया है, अतिरिक्त कोड के बिना सर्वर और किसी भी सत्यापन इंजन (फ़्ल्यूएंटिवेलिडेशन, मानक एमवीसी) के लिए समर्थन के साथ एकीकरण है।
    
    
    • कमांड कोड
      

       if (device != null) throw IncWebException.For<AddDeviceCommand>(r => r.Pin, "Device with same pin is already exist"); 

      
      
    • कोड देखें
      

       .OnError(dsl => dsl.Self().Core().Form.Validation.Refresh()) 

      
      
    
    नोट: एक ऑनएयर हैंडलर उस तत्व से जुड़ा होना चाहिए जो कार्रवाई कहता है (सबमिट करें, ajaxpost या आदि)
    
  • कम स्क्रिप्ट - js फ्रेमवर्क प्रोजेक्ट के लिए एक जुनून के साथ, इसमें बहुत सारी js फाइलें लिखने की आवश्यकता होती है, लेकिन IML में एक निश्चित (प्लगिन की गिनती नहीं होती है) लाइब्रेरी सेट है
  • टाइप किए गए टेम्प्लेट - मैं सामान्य रूप से टाइप करने के बारे में बात कर रहा हूं, लेकिन टेम्प्लेट के निर्माण के लिए यह विशेष रूप से महत्वपूर्ण है
  • टेम्पलेट इंजन प्रतिस्थापन - कोई भी चुनें, लेकिन सिंटैक्स समान है
  • रेडी-मेड इन्फ्रास्ट्रक्चर - आईएमएल इंकोडिंग फ्रेमवर्क का हिस्सा है और, जेएस फ्रेमवर्क के विपरीत, हमारे पास परियोजना विकास के लिए एक पूर्ण (सर्वर / क्लाइंट / यूनिट टेस्टिंग) इन्फ्रास्ट्रक्चर है, जो एक दूसरे के साथ निकटता से जुड़ा हुआ है।
  
  
  

  निष्कर्ष

  
  आईएमएल पर टूडू को लागू करते समय, मैं नियम से चिपक गया: कम पेज अपडेट, यानी, मैंने क्लाइंट पर सब कुछ रिकॉल किया, लेकिन अभ्यास (हमारी परियोजनाओं के) से पता चलता है कि सर्वर अक्सर अड़चन है, क्योंकि कई कार्य संभव नहीं हैं या क्लाइंट पर पसंद नहीं किए जाते हैं, उदाहरण के लिए
  
  असंभव (प्रदर्शन के कारण):
  
  • पृष्ठांकित - यदि डेटाबेस में सैकड़ों हजारों रिकॉर्ड हैं, तो क्लाइंट को इस तरह की मात्रा सही तरीके से स्थानांतरित नहीं होती है
  • आदेश एक ही कारण है
  • वही कारण कहां है
  
  
  फ़ील्ड मान के आधार पर जटिल गणना (जैसे करों सहित आदेशों की कुल राशि) के रूप में गणना करना बेहतर नहीं हो सकता है, यह सर्वर (फ़ील्ड डेटा के साथ) के लिए अनुरोध भेजने और परिणाम सम्मिलित करने के लिए अधिक सुविधाजनक होगा।
  
  
  फिर से IML))

  IML के भीतर, गणना निम्नलिखित तरीकों से हल की जा सकती है:
  

  • एकल मूल्य
    

     var val = Selector.Incoding.AjaxGet(url); dsl.WithId(yourId).Core().JQuery.Attributes.Val(val); 

    
    
  • डेटा सेट
    

     dsl.With(r => r.Name(s => s.Last)).Core().Insert.For<ContactVm>(r => r.Last).Val(); dsl.With(r => r.Name(s => s.First)).Core().Insert.For<ContactVm>(r => r.First).Val(); dsl.With(r => r.Name(s => s.City)).Core().Insert.For<ContactVm>(r => r.City).Val(); 

    
    

  
  
  
  
  आप आईएमएल (और इंकोडिंग फ्रेमवर्क) की क्षमताओं के बारे में लंबे समय तक बात कर सकते हैं, लेकिन लेख बड़ा निकला, और इसलिए, जो लोग हमारे उपकरण का अध्ययन करना जारी रखना चाहते हैं, वे नेटवर्क पर सामग्री खोजने में सक्षम होंगे। मैं समझता हूं कि यह साबित करना कि आईएमएल समस्याओं को हल कर सकता है, जो कि लोकप्रिय जेएस फ्रेमवर्क से भी बदतर नहीं है, अत्यंत कठिन है, लेकिन निम्नलिखित लेखों में स्वत: पूर्ण, ट्री व्यू, ग्रिड और अन्य जटिल कार्यों के कार्यान्वयन का अवलोकन होगा जो और भी अधिक सुविधाओं का प्रदर्शन करेंगे।
  
  पीएस हमेशा की तरह आलोचना और टिप्पणियों से खुश)))