Jquery 我怎样才能让我的剑道下拉列表生效?
我有一个剑道下拉列表,它正在工作,但我需要让它成为一个没有按钮的活动列表。。。每当我在下拉列表中选择一个项目时,它会自动更新我的网格中的内容或基于下拉列表中所选内容的网格查询 这是我的密码:Jquery 我怎样才能让我的剑道下拉列表生效?,jquery,kendo-ui,kendo-dropdown,Jquery,Kendo Ui,Kendo Dropdown,我有一个剑道下拉列表,它正在工作,但我需要让它成为一个没有按钮的活动列表。。。每当我在下拉列表中选择一个项目时,它会自动更新我的网格中的内容或基于下拉列表中所选内容的网格查询 这是我的密码: @using (Html.BeginForm()) { <input type="hidden" id="hiddenUser" name="hiddenUser" value="@userId" /> <p> <input id="ddlWor
@using (Html.BeginForm())
{
<input type="hidden" id="hiddenUser" name="hiddenUser" value="@userId" />
<p>
<input id="ddlWorker" name="ddlWorker" style="width: 250px;" value="@ddlWorker" />
<input type="submit" value="Filter Workers by Position" class="styledButton" />
</p>
}
JS:
我的电网控制器
public JsonResult LoadWorkerList( string search, int? positionSelected, int? statusValue)
{
// check if search string has value
// retrieve list of workers filtered by search criteria
var list = (from a in db.Workers
where a.LogicalDelete == false
select a).ToList();
List<WorkerInfo> wlist = new List<WorkerInfo>();
foreach (var row in list)
{
WorkerInfo ci = new WorkerInfo
{
ID = row.ID,
FirstName = row.FirstName,
LastName = row.LastName,
Name = row.FirstName + " " + row.LastName,
LastFName = row.LastName + " " + row.FirstName,
PositionSelected = positionSelected,
LogicalDelete = row.LogicalDelete
};
wlist.Add(ci);
}
if (positionSelected.HasValue)
{
var workerIdList = new List<Int32>();
var filterList = (from a in db.Client_Worker_Position
where a.LogicalDelete == false && positionSelected == a.ClientCustomerPositionID
select a).ToList();
var listSelect = (from a in db.Worker_Availability
where a.LogicalDelete == false
select a).ToList();
foreach (var row in listSelect)
{
var shiftList = (from a in db.Client_Customer_Position_Shift
where a.LogicalDelete == false && positionSelected == a.Client_Customer_PositionID
select a).ToList();
foreach (var positionShift in shiftList)
{
if (positionShift.Day_LookID == row.AvailableDay_LookID || positionShift.Day_LookID == 76 || row.AvailableDay_LookID == 76)
{
if (((positionShift.StartTime == "Anytime" && positionShift.EndTime == "Anytime") || (row.StartTime == "Anytime" && row.EndTime == "Anytime")) ||
(row.StartTime == "Anytime" || row.EndTime == "Anytime") || (positionShift.StartTime == "Anytime" || positionShift.EndTime == "Anytime"))
{
workerIdList.Add(row.ID);
}
else
{
DateTime posStartTime = Convert.ToDateTime(positionShift.StartTime);
DateTime availStartTime = Convert.ToDateTime(row.StartTime);
DateTime posEndTime = Convert.ToDateTime(positionShift.EndTime);
DateTime availEndTime = Convert.ToDateTime(row.EndTime);
if ((positionShift.StartTime == row.StartTime &&
positionShift.EndTime == row.EndTime) || (positionShift.StartTime == row.StartTime ||
positionShift.EndTime == row.EndTime)
|| (posStartTime < availStartTime && posEndTime > availEndTime))
{
workerIdList.Add(row.ID);
}
}
}
}
}
var toBeList = (from a in listSelect
where a.LogicalDelete == false
select a).ToList();
var setToList = toBeList.Select(x => x.ID).Except(filterList.Select(y => y.WorkerAvailabilityId)).ToList();
var selectedPosition = (from a in listSelect
join b in db.Workers
on a.Worker_ID equals b.ID
join c in db.Client_Customer_Position
on positionSelected equals c.ID
where workerIdList.Contains(a.ID) && a.LogicalDelete == false && b.LogicalDelete == false
&& c.LogicalDelete == false && setToList.Contains(a.ID)
select new WorkerInfo()
{
ID = b.ID,
WorkerAvailID = a.ID,
FirstName = b.FirstName,
PositionSelected = positionSelected,
LastName = b.LastName
}).ToList();
var distinctList = selectedPosition.GroupBy(x => x.ID)
.Select(g => g.First())
.ToList();
wlist = distinctList.ToList();
}
if (!search.Equals("Search Worker"))
{
var wolist = (from a in wlist
where a.FirstName.ToLower().Contains(search.ToLower()) ||
a.LastName.ToLower().Equals(search.ToLower()) ||
a.Name.ToLower().Equals(search.ToLower()) ||
a.LastFName.ToLower().Equals(search.ToLower())
select a).ToList();
wlist = wolist;
}
else
{
var wolist = (from a in wlist
where a.LogicalDelete == false
select a).ToList();
wlist = wolist;
}
ViewBag.positionSelected = positionSelected;
return Json(wlist.ToList().OrderBy(p => p.FirstName.ToLower()), JsonRequestBehavior.AllowGet);
}
谢谢:据我所知,您希望在剑道下拉列表中选择一个值,该值应根据选择更新剑道网格中的数据 首先,在dropdownlist上,您应该绑定事件,该事件最终在服务器端发出请求,并将其保存在会话或其他任何地方
$("#ddlWorker").kendoDropDownList({
dataTextField: "JobCode",
dataValueField: "ID",
autoBind: false,
select: onDDLSelect,
optionLabel: {
JobCode: "--- Please Select Position ---",
ID: ""
},
// define custom template
template: '<h5>${ data.JobCode }</h5>',
dataSource: {
transport: {
read: {
url: '/Worker/LoadWorkerDropdownList?userId=' + userId,
dataType: "json",
type: "POST"
}
}
}
});
delayedRefresh的主要原因是在调用剑道网格重新加载之前,给JSon一些时间来完成它的工作。您可以进行一个同步ajax调用来删除此项
function delayedRefresh() {
window.setTimeout(Refresh, 500);
}
function Refresh() {
$("#YourGridName").data("kendoGrid").dataSource.read();
}
现在在服务器端,您可以通过某种方式读取onDDLSelect为剑道网格保存的值。一些检查,如您的下拉值是否存在。如果存在,则查询所选值,否则查询所有值
[HttpPost]
public void ddlWorkerChanged(string statusValue)
{
// you save the ddl selection in session or the way you prefer
}
您保存它并在几秒钟后返回
$("#YourGridName").data("kendoGrid").dataSource.read();
它将启动并告诉您的网格重新加载其数据。假设下面是你的剑道网格读取函数,假设它在服务器端命中GetShiftReportData
public ActionResult GetShiftReportData([DataSourceRequest]DataSourceRequest request)
{
//if (session data is present)
//{ selected query }
//else
//{ regular query }
return Json(result, JsonRequestBehavior.AllowGet);
}
更多参考请参见剑道官方演示这里是剑道下拉列表的工作副本,它将更改剑道网格的值 我的HTML:我已经将剑道和常规标记所需的css/js文件链接到钩子剑道控件
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.rtl.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.silver.min.css" rel="stylesheet" />
<script src="@Url.Content("http://cdn.kendostatic.com/2013.3.1119/js/jquery.min.js")"></script>
<script src="@Url.Content("http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js")"></script>
<script src="@Url.Content("http://cdn.kendostatic.com/2013.3.1119/js/kendo.aspnetmvc.min.js")"></script>
<div>
<label class="control-label" for="shiftName">Shift</label>
<div class="controls">
<input id="ShiftInputs" type="text" style="width: 100%; min-width: 60px; max-width: 230px;" value="" />
</div>
<br />
<div class="box-content">
<label class="control-label" for="shiftName">Operator</label>
<div id="OperatorGrid"></div>
<div class="clearfix"></div>
</div>
</div>
我的MVC代码:
控制器:
public ActionResult Index()
{
return View();
}
我的网格数据表:
static DataTable GetTable()
{
DataTable table = new DataTable();
table.Columns.Add("ID", typeof(int));
table.Columns.Add("Title", typeof(string));
table.Columns.Add("Name", typeof(string));
table.Columns.Add("Hours", typeof(int));
table.Columns.Add("Shift", typeof(string));
table.Columns.Add("Comments", typeof(string));
table.Rows.Add(0, "Mr", "Indocin David", 12, "DAY", "Good sprit");
table.Rows.Add(1, "Mr", "Enebrel Sam", 8, "NIGHT", "");
table.Rows.Add(2, "Dr", "Hydralazine Christoff", 12, "DAY", "");
table.Rows.Add(3, "Mrs", "Combivent Janet", 12, "DAY", "");
table.Rows.Add(4, "Miss", "Dilantin Melanie", 8, "NIGHT", "Lazy");
table.Rows.Add(5, "Mr", "Tim Melanie", 14, "DAY", "");
table.Rows.Add(6, "Mr", "Robin Sriboski", 6, "NIGHT", "");
table.Rows.Add(7, "Mrs", "Anna Frank", 13, "NIGHT", "");
table.Rows.Add(8, "Mr", "Dimitri Petrovich", 9, "DAY", "Hard worker");
table.Rows.Add(9, "Mr", "Roberto Carlos", 7, "NIGHT", "");
table.Rows.Add(10, "Mrs", "Stepheny Abraham Lincoln", 13, "DAY", "");
return table;
}
我的剑道格网是:
[HttpPost]
public ContentResult GetOperatorData([DataSourceRequest]DataSourceRequest request)
{
string OperatorJsonData = "";
DataTable table = GetTable();
string Shift = Session["CurrentShift"] as string;
if (!string.IsNullOrEmpty(Shift) && (Shift == "DAY" || Shift == "NIGHT"))
{
OperatorJsonData = JsonConvert.SerializeObject(from myRow in table.AsEnumerable()
where myRow.Field<string>("Shift") == Shift
select new
{
ID = myRow.Field<int>("ID"),
Title = myRow.Field<string>("Title"),
Name = myRow.Field<string>("Name"),
Hours = myRow.Field<int>("Hours"),
Shift = myRow.Field<string>("Shift"),
Comments = myRow.Field<string>("Comments")
});
}
else
{
OperatorJsonData = JsonConvert.SerializeObject(table);
}
return new ContentResult { Content = OperatorJsonData, ContentType = "application/json", ContentEncoding = Encoding.UTF8 };
}
@马洛尼希望这对你有帮助
对不起,我只是想澄清一下。。您想在剑道下拉列表中选择一个值,它将更新剑道网格中的数据。。我说得对吗?是的,先生。。。。。对不起,我的解释不清楚。。但是是的,先生。。我想在剑道下拉列表中选择一个值,它将更新剑道网格中的数据这部分代码函数onDDLSelect{var statusValue=$ddlWorker.val;$.ajax{url:'SignOff/statuscmbcchanged',type:POST,data:{statusValue:statusValue},dataType:json}.donedelayedresh;}这是我脚本的一部分吗???你可以在事件绑定中做任何你想做的事。。。我假设您的网格从服务器端获取数据。。正当所以我把dropdownlist选择发布到服务器端..先生,我会在url上放什么??url:“签核/状态更改”,?。。。。我只是不总是使用ajax。。。。。。thanksurl不是一个函数。。就像你在ddl read中做的那样。。url:'/Worker/LoadWorkerDropdownList?userId='+userId您正在从服务器端获取数据。。正当彼此彼此。。当用户在dropdownlist中选择一个值时,您想点击它。。请仔细阅读。。选择一个值时,希望网格反映网格中的更改。。右???[HttpPost]public void ddlWorkerChangedstring statusValue{//您在会话中保存ddl选择或以您喜欢的方式保存}您保存它并在几秒钟后返回$YourGridName.datakendoGrid.dataSource.read;将触发并通知网格重新加载其数据。假设以下是服务器端的剑道网格读取函数。。public ActionResult GetShiftReportData[DataSourceRequest]DataSourceRequest请求{//如果存在会话数据//{所选查询}////////{其他//{常规查询}返回Jsonresult,JsonRequestBehavior.AllowGet;}是的sir我尝试它时会工作的sir。。但如何在网格上应用这种绑定方式呢?因为我有一个不同的方式在我的控制器上为我的网格。。我编辑了代码以包含网格控制器。。但你的方式很好,只是问我是否仍然可以使用我现有的网格控制器。。。谢谢,先生…@marlonies:我用Datatable来简化它。对于正常情况,我会从数据库中获取数据;你想怎么都行。如果使用Javascript绑定数据,请准备所有内容并发送Json数据。只需使用JsonConvert.SerializeObject将其转换为JSon。对于剑道网格的Json数据,始终遵循以下格式[{name1:value1,name2:value2},{name*:value*,…},{}]。应该没问题。如果您认为该解决方案是可接受的答案,请投票。您可以使用自己的网格控制器。我已经展示了它,这样你就可以理解下拉列表的变化会影响剑道格网。是的,先生,谢谢。。我会努力的。。我已经接受了你的回答,谢谢
public ActionResult Index()
{
return View();
}
static DataTable GetTable()
{
DataTable table = new DataTable();
table.Columns.Add("ID", typeof(int));
table.Columns.Add("Title", typeof(string));
table.Columns.Add("Name", typeof(string));
table.Columns.Add("Hours", typeof(int));
table.Columns.Add("Shift", typeof(string));
table.Columns.Add("Comments", typeof(string));
table.Rows.Add(0, "Mr", "Indocin David", 12, "DAY", "Good sprit");
table.Rows.Add(1, "Mr", "Enebrel Sam", 8, "NIGHT", "");
table.Rows.Add(2, "Dr", "Hydralazine Christoff", 12, "DAY", "");
table.Rows.Add(3, "Mrs", "Combivent Janet", 12, "DAY", "");
table.Rows.Add(4, "Miss", "Dilantin Melanie", 8, "NIGHT", "Lazy");
table.Rows.Add(5, "Mr", "Tim Melanie", 14, "DAY", "");
table.Rows.Add(6, "Mr", "Robin Sriboski", 6, "NIGHT", "");
table.Rows.Add(7, "Mrs", "Anna Frank", 13, "NIGHT", "");
table.Rows.Add(8, "Mr", "Dimitri Petrovich", 9, "DAY", "Hard worker");
table.Rows.Add(9, "Mr", "Roberto Carlos", 7, "NIGHT", "");
table.Rows.Add(10, "Mrs", "Stepheny Abraham Lincoln", 13, "DAY", "");
return table;
}
[HttpPost]
public ContentResult GetOperatorData([DataSourceRequest]DataSourceRequest request)
{
string OperatorJsonData = "";
DataTable table = GetTable();
string Shift = Session["CurrentShift"] as string;
if (!string.IsNullOrEmpty(Shift) && (Shift == "DAY" || Shift == "NIGHT"))
{
OperatorJsonData = JsonConvert.SerializeObject(from myRow in table.AsEnumerable()
where myRow.Field<string>("Shift") == Shift
select new
{
ID = myRow.Field<int>("ID"),
Title = myRow.Field<string>("Title"),
Name = myRow.Field<string>("Name"),
Hours = myRow.Field<int>("Hours"),
Shift = myRow.Field<string>("Shift"),
Comments = myRow.Field<string>("Comments")
});
}
else
{
OperatorJsonData = JsonConvert.SerializeObject(table);
}
return new ContentResult { Content = OperatorJsonData, ContentType = "application/json", ContentEncoding = Encoding.UTF8 };
}
[HttpPost]
public void StatusCmbChanged(string statusValue)
{
if (!string.IsNullOrEmpty(statusValue))
{
Session.Remove("CurrentShift");
Session["CurrentShift"] = statusValue;
}
}