अद्यतन मैंने मूल्यों और संपादक टेम्पलेट्स के साथ फ़ॉर्म प्रतिपादन (छवि देखें) प्राप्त करने में कामयाब रहे हैं।संपादन योग्य विस्तार टेम्पलेट केंडो यूआई ग्रिड
ब्लैक आउट लेबल के लिए खेद है। एनडीए आवश्यकताओं ...
यह अब अनेक पंक्तियों में काम करता है, क्योंकि मैं पंक्ति के uid उपयोग कर रहा हूँ विस्तार टेम्पलेट का एक अलग नाम यह कर देने के लिए:
@(Html.Kendo().TabStrip()
.Name("Details_#=uid#")
मैं स्रोत के लिए नीचे नवीनीकृत किया है नवीनतम संस्करण और उन मुद्दों की एक सूची शामिल की है जिन्हें मैं अभी भी सहायता से प्यार करूंगा।
बकाया मुद्दों:
- ग्रिड जब मैं बचाने
- असाइन लेबल और सत्यापन नियमों देखें मॉडल पर डेटा एनोटेशन का उपयोग कर (यह बाद से मैं काम करने के लिए प्रतीत नहीं होता है में परिवर्तन के साथ साथ विस्तार टेम्पलेट Serializing एचटीएमएल सहायकों काम करना आरंभ नहीं कर पा रहे। सलाह बहुत अच्छा होगा!
Orignal पोस्ट पाठ (स्रोत कोड अद्यतन किया गया है)
मैं बैच ग्रिड बनाने की कोशिश कर रहा हूं जहां प्रत्येक आइटम में एक विस्तृत टेम्पलेट होता है।
प्रत्येक विवरण टेम्पलेट में एक टैबस्ट्रिप होता है जिसमें मैं अतिरिक्त फॉर्म डेटा रखना चाहता हूं।
अभी, मैं मानक बैच ग्रिड काम कर रहे है, लेकिन मैं प्रत्येक आइटम के लिए स्क्रीन पर जानकारी प्राप्त नहीं कर पा रहे हैं और यह संपादित किए जा सकते है। साथ ही, एक से अधिक पंक्ति मौजूद होने पर विस्तार टेम्पलेट टूट जाता है। टेम्पलेट अभी भी प्रस्तुत करता है, लेकिन बटन गैर-कार्यात्मक हैं क्योंकि दोनों टेम्पलेट्स में एक ही आईडी है जो उपयोगकर्ता की बातचीत करने की क्षमता को समझने में टूटती है, लेकिन मुझे यकीन है कि प्रत्येक पंक्ति टेम्पलेट के लिए अद्वितीय पहचानकर्ताओं को कैसे सुनिश्चित किया जाए (शायद किसी भी तरह माता-पिता का उपयोग करें?)
मुझे यह पहला नियम पूरा करने के बाद इस फ़ॉर्म डेटा को क्रमबद्ध करने के बारे में भी अनिश्चितता है, लेकिन मैं इसके लिए एक अलग सवाल कर सकता हूं जिसके लिए यह आवश्यक साबित होना चाहिए।
ग्रिड
@(Html.Kendo().Grid(Model.ItemModelList)
.Name("ItemGrid")
.Columns(columns =>
{
//Other columns omitted for brevity
columns.Bound(i => i.Description).Width(100);
columns.Command(command =>
{
command.Destroy();
}).Width(60);
})
.ClientDetailTemplateId("ItemDetails")
.ToolBar(toolbar =>
{
toolbar.Create();
toolbar.Save();
})
.Editable(editable => editable.Mode(GridEditMode.InCell).CreateAt(GridInsertRowPosition.Bottom))
.Pageable()
.Sortable()
.Scrollable()
.Resizable(resize => resize.Columns(true))
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.ServerOperation(false)
.Events(events =>
{
events.Error("ItemGrid_ErrorHandler");
})
.Model(model =>
{
model.Id(i => i.ItemModelID);
model.Field(i => i.DimensionUOM).DefaultValue("in");
model.Field(i => i.WeightUOM).DefaultValue("lbs");
})
.Create(create => create.Action("CreateProducts", "ItemGrid"))
.Read(read => read.Action("GetProducts", "ItemGrid"))
.Update(update => update.Action("UpdateProducts", "ItemGrid"))
.Destroy(destroy => destroy.Action("DeleteProducts", "ItemGrid"))
)
)
विस्तार खाका
<script id="ItemDetails" type="text/kendo-tmpl">
@(Html.Kendo().TabStrip()
.Name("Details_#=uid#")
.SelectedIndex(0)
.Items(items =>
{
items.Add().Text("test").Content(@<div>
<table id="testForm">
<tr>
<td>TEST</td>
</tr>
<tr>
</tr>
</table>
</div>);
items.Add().Text("test2").Content(@<div>
<table id="test2Form">
<tr>
<td><label>A</label></td>
<td><label>B</label></td>
<td><label>C</label></td>
<td><label>D</label></td>
<td><label>E</label></td>
</tr>
<tr>
<td>
<input class="k-textbox" value="#=objectA#">
</td>
<td>
@(Html.Kendo().DropDownList()
.Name("objectB")
.Value("#=objectB#")
.DataTextField("Text")
.DataValueField("Value")
.BindTo(new SelectList((System.Collections.IEnumerable)ViewBag.objectBListing, "Value", "Value"))
.ToClientTemplate()
)
</td>
<td>
@(Html.Kendo().DropDownList()
.Name("objectC")
.Value("#=objectC#")
.DataTextField("Text")
.DataValueField("Value")
.BindTo(new SelectList((System.Collections.IEnumerable)ViewBag.objectCListing, "Value", "Value"))
.ToClientTemplate()
)
</td>
<td><input class="k-textbox" value="#=objectD#"></td>
<td><input class="k-textbox" value="#=objectE#"></td>
</tr>
</table>
</div>);
})
.ToClientTemplate()
)