Awesome ASP.net Core and MVC Controls

Disabled editor controls

Lookup

 

MultiLookup

  •  

AjaxDropdown

AjaxRadioList

AjaxCheckboxList

AjaxRadioList Ochk

AjaxCheckBoxList Ochk

Odropdown

Combobox

Multiselect

Buttongroup

DatePicker

TextBox

Autocomplete

Disabled/Index.cshtml
<div id="disbDemo">
<div class="example">
<h3>Lookup</h3>
@(Html.Awe().Lookup("lkp")
.Controller("MealLookup")
.Value(Db.Meals[0].Id)
.ClearButton()
.Enabled(false))
</div>

<div class="example">
<h3>MultiLookup</h3>
@(Html.Awe().MultiLookup("mlkp")
.Controller("MealsMultiLookup")
.Value(new[] { Db.Meals[0].Id, Db.Meals[1].Id })
.ClearButton()
.Enabled(false))
</div>

<div class="example">
<h2>AjaxDropdown</h2>

@(Html.Awe().AjaxDropdown("add")
.DataFunc("utils.getItems(categories)")
.Enabled(false))
</div>

<div class="example">
<h2>AjaxRadioList</h2>

@(Html.Awe().AjaxRadioList("arl")
.DataFunc("utils.getItems(categories)")
.Value(Db.Categories[1].Id)
.Enabled(false))
</div>

<div class="example">
<h2>AjaxCheckboxList</h2>

@(Html.Awe().AjaxCheckboxList("achkl")
.DataFunc("utils.getItems(categories)")
.Value(new[] { Db.Categories[0].Id, Db.Categories[1].Id })
.Enabled(false))
</div>

<div class="example">
<h2>AjaxRadioList Ochk</h2>

@(Html.Awe().AjaxRadioList("arlOchk")
.DataFunc("utils.getItems(categories)")
.Ochk()
.Value(Db.Categories[1].Id)
.Enabled(false))
</div>

<div class="example">
<h2>AjaxCheckBoxList Ochk</h2>

@(Html.Awe().AjaxCheckboxList("aclOchk")
.DataFunc("utils.getItems(categories)")
.Ochk()
.Value(Db.Categories[1].Id)
.Enabled(false))
</div>

<div class="example">
<h2>Odropdown</h2>

@(Html.Awe().AjaxRadioList("odd")
.Odropdown()
.DataFunc("utils.getItems(categories)")
.Value(Db.Categories[1].Id)
.Enabled(false))
</div>

<div class="example">
<h2>Combobox</h2>

@(Html.Awe().AjaxRadioList("combo")
.Combobox()
.Url(Url.Action("GetCategories", "Data"))
.Value(Db.Categories[1].Id)
.Enabled(false))
</div>

<div class="example">
<h2>Multiselect</h2>

@(Html.Awe().AjaxCheckboxList("multi")
.Multiselect()
.DataFunc("utils.getItems(categories)")
.Value(new[] { Db.Categories[0].Id, Db.Categories[1].Id })
.Enabled(false))
</div>

<div class="example">
<h2>Buttongroup</h2>

@(Html.Awe().AjaxRadioList("btng")
.ButtonGroup()
.DataFunc("utils.getItems(categories)")
.Value(Db.Categories[1].Id)
.Enabled(false))
</div>

<div class="example">
<h2>DatePicker</h2>
@Html.Awe().DatePicker("dtp").Enabled(false).ClearButton().Value(DateTime.Now)
</div>

<div class="example">
<h2>TextBox</h2>
@Html.Awe().TextBox("txt1").Enabled(false).Numeric().Value(123)
</div>

<div class="example">
<h2>Autocomplete</h2>
@(Html.Awe().Autocomplete("autoc1")
.Enabled(false)
.Value("Mango")
.Url(Url.Action("GetItems", "MealAutocomplete")))
</div>

<div class="example">
<div class="efield">
<label>
@Html.Awe().CheckBox("chk7").Otoggl().Enabled(false).Value(true)
<span class="o-con">Otoggl</span>
</label>
</div>
<div class="efield">
<label>
@Html.Awe().CheckBox("chk2").Ochk(false).Enabled(false).Value(true)
<span class="o-con">Checkbox</span>
</label>
</div>
<div class="efield">
<label>
@Html.Awe().CheckBox("chk4").Enabled(false).Value(true)
<span class="o-con">Ochk</span>
</label>
</div>
<div class="efield">
@Html.Awe().Button().Text("disabled").Enabled(false)
</div>
<div class="efield">
<button type="button" class="awe-btn" onclick="toggleEnable()">toggle enable all editors on page</button>
</div>
<script>
function toggleEnable() {
$('#disbDemo .awe-val').each(function () {
var o = $(this).data('o');
o.api.enable(!o.enb);
});
}
</script>
</div>
</div>



Comments

We use cookies to improve your online experience. By accessing this site, you agree to the use of cookies and other technologies to process your personal data (e.g. IP address) to enhance and personalise your experience across our websites. Additionally, third-party companies, may store cookies on your device and use similar technologies to collect and use certain information. For more information, refer to our privacy policy and cookie policy.