如何为mvc3 Razor下拉列表中的每个项目创建带有复选框的下拉列表 [英] How to Create Dropdown List with Checkboxes for each item present in the dropdown in mvc3 Razor
问题描述
我要求我需要放置两个下拉列表。在First Dropdown中我需要显示来自数据库的Employee ID,当用户选择任何Id时,相应的EmployeeIds名称应该显示在另一个第二个下拉列表中。我已成功完成此操作,但这里我的实际要求是我需要显示我的第一个下拉列表,即每个EmployeeId我需要在Id的左侧显示一个复选框,然后用户可以选择多个ID以相同的顺序我需要显示已检查的ID在Second Dropdown中的名称,我已经通过谷歌搜索并下载了dropdownchecklist插件,但我无法达到我的要求。我使用MVC3 Razor。
这是我的查看代码: -
< fieldset>
EmployeeIds< br />
@ Html .DropDownListFor(m => m.selectedEmpid,new SelectList(Model.getAlldeptNos), 选择Empid,new {id = getSelectedId})
@ Html .DropDownListFor(m => m.selectedEmpid,new SelectList(Model.getEname),new { id = displayEname})< br />
< / fieldset>
< script type =text / javascript>
$(function(){
$('#getSelectedId')。change(function(){
var selectedEmpIdValue = $(this).val();
alert(selectedEmpIdValue) ;
$ .ajax({
url:'@ Url.Action(Index,Home)',
类型:'POST',
数据:{empid :selectedEmpIdValue},
成功:函数(数据){
alert(data);
$('#displayEname')。empty();
for(var i = 0 ; i < data.length; i ++) {
$('#displayEname ')。append('< option value =' + i +' > '
+ data +
'< / option > ');
}
}
});
});
});
这是我的控制器代码: -
PersonAccountInfoViewModel model = new PersonAccountInfoViewModel();
使用(personalEntities db = new personalEntities())
{
model.getEname = new List < < span class =code-leadattribute> string > ();
model.getobj = new List < empdetail > 跨度>();
var emply =(来自db.empdetails中的p
select p);
var getEmpid =(来自db.empdetails中的s选择s.empid);
model.getobj = emply.ToList();
model.getAlldeptNos = getEmpid.ToList();
}
var selectedDropdownId =(来自model.getobj中的d,其中d.empid == empid select d.ename);
model.getEname = selectedDropdownId.ToList();
返回新的JsonResult {Data = model.getEname};
}
请任何人可以帮我如何使用dropdownchecklist插件或指导我是否有任何替代方案来达到我的要求。提前谢谢
谢谢
Ramu < / empdetail > < / string >
(function(){
('#getSelectedId')。change(function (){
var selectedEmpIdValue =
(this).val();
alert(selectedEmpIdValue);
Hii to all,
I have a requirement that i need to place two dropdown lists.In First Dropdown i need to display Employee Ids from database,when user selects any Id,the respective EmployeeIds Name should display in another second dropdown.I have done this succesfully, but here what my actuall requirement is i need to show my first dropdown with Checkboxes i.e for each EmployeeId i need to show one Checkbox to the left of the Id,then user can select multiple ids in the same order i need to show checked ids Names in Second Dropdown, i have tried by googling and downloaded dropdownchecklist plugin,but i was unable to reach my requirement.Iam using MVC3 Razor.
Here is my View Code:-
<fieldset>
EmployeeIds<br />
@Html.DropDownListFor(m => m.selectedEmpid, new SelectList(Model.getAlldeptNos), "Select Empid", new { id = "getSelectedId" })
@Html.DropDownListFor(m => m.selectedEmpid, new SelectList(Model.getEname), new { id = "displayEname" })<br />
</fieldset>
<script type="text/javascript">
$(function () {
$('#getSelectedId').change(function () {
var selectedEmpIdValue = $(this).val();
alert(selectedEmpIdValue);
$.ajax({
url: '@Url.Action("Index", "Home")',
type: 'POST',
data: { empid: selectedEmpIdValue },
success: function (data) {
alert(data);
$('#displayEname').empty();
for (var i = 0; i < data.length; i++) {
$('#displayEname').append('<option value=' + i + '>'
+ data +
'</option>');
}
}
});
});
});
Here is My Controllers Code:-
PersonAccountInfoViewModel model = new PersonAccountInfoViewModel();
using (personalEntities db = new personalEntities())
{
model.getEname = new List<string>();
model.getobj = new List<empdetail>();
var emply = (from p in db.empdetails
select p);
var getEmpid = (from s in db.empdetails select s.empid);
model.getobj = emply.ToList();
model.getAlldeptNos = getEmpid.ToList();
}
var selectedDropdownId = (from d in model.getobj where d.empid == empid select d.ename);
model.getEname = selectedDropdownId.ToList();
return new JsonResult { Data = model.getEname };
}
Please any one can help me how to work with dropdownchecklist plugin or guide me is there any alternative to reach my requirement.Thanks in advance
Thanks
Ramu</empdetail></string>
(function () {
('#getSelectedId').change(function () { var selectedEmpIdValue =
(this).val(); alert(selectedEmpIdValue);
这篇关于如何为mvc3 Razor下拉列表中的每个项目创建带有复选框的下拉列表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!