内联网格kendoComboBox在javascript中获取值
内联网格（Inline Grid）是一种网格布局系统，它可以在网页中以行和列的形式组织和排列元素。KendoComboBox是Kendo UI框架中的一个下拉框组件，它提供了丰富的功能和样式定制选项。
在JavaScript中获取内联网格KendoComboBox的值，可以通过以下步骤实现：
- 首先，通过选择器或DOM操作获取到KendoComboBox的实例。例如，可以使用id选择器获取到该组件的DOM元素：
var comboBox = $("#kendoComboBox").data("kendoComboBox");- 然后，可以使用KendoComboBox的value()方法获取当前选中的值：
var selectedValue = comboBox.value();- 如果需要获取选中项的文本，可以使用text()方法：
var selectedText = comboBox.text();通过上述步骤，我们可以在JavaScript中获取到内联网格KendoComboBox的值。
内联网格KendoComboBox的优势在于其灵活性和可定制性。它可以方便地与其他Kendo UI组件和网格布局系统结合使用，实现复杂的数据展示和交互功能。此外，KendoComboBox还提供了丰富的样式和主题选项，可以根据需求进行定制。
内联网格KendoComboBox的应用场景包括但不限于：
- 表单中的下拉选择框
- 数据过滤和搜索功能
- 数据展示和导航
腾讯云提供了一系列与Kendo UI相关的产品和服务，例如云服务器、云数据库、云存储等，可以帮助开发者构建稳定、高效的Web应用。具体产品和介绍可以参考腾讯云官方文档：
以上是关于内联网格KendoComboBox在JavaScript中获取值的完善且全面的答案。
相关·内容
我有一个kendo Grid，它的一个列使用了一个combobox，它绑定到一个名为'Worker‘(ID，Workername)的对象。除非用户将combobox文本设置为与任何下拉选项都不匹配的字符串(例如：‘xxxx’)，否则这种方法可以很好地工作。组合框将Worker的值设置为字符串('xxxx')，而不是Worker对象，此时dataSource在接收到格式错误的数据时停止响应。
我让它在dataSource 'change‘事件中工作，该事件在网格的'save’事件之后触发。有问题的数据项的属性将被变量myWorkerStart (在网格的编
浏览 0提问于2013-03-29得票数 3
我试图以编程方式设置Kendo自定义过滤器的筛选值。我正在应用我的新筛选值，例如：
gridOptions.dataSource.filter = [
{
field: 'MyField',
operator: 'eq',
value: newTextValue
}
];
我在网格选项中的字段定义如下：
{
width: '140px',
title: 'MyFieldTitle',
field: 'MyField',
fi
浏览 4提问于2017-12-04得票数 2
我想把combobox绑定到剑道网格
请给我从数据库中绑定combobox的示例代码网格
var provinces = $("#ddlProvince").kendoComboBox({
placeholder: "Choose Province",
dataTextField: "pname",
dataValueField: "pcode",
dataSource:
浏览 0提问于2013-08-19得票数 0
这是我的函数userNameEditor function userNameEditor(container, options) {
$('<input required data-bind="value:' + options.field + '"/>')
.appendTo(container)
.kendoComboBox({
dataTextField: "UserName",
dataValueField: "UserId",
filt
浏览 25提问于2020-08-19得票数 7
回答已采纳
我在设置组合框的值时遇到了很多麻烦。问题是我有多个组合框，每个组合框都依赖于之前从组合框中选择的值。所有的值都存储在一个数据库中。当我运行ajax请求来获取值并设置组合框值时，每次刷新页面时，组合框上的文本都是不正确的。每次加载页面时，组合框上都会显示不同的文本，即使没有任何更改。这与我设置值的方式有关吗？或者考虑到每个值都依赖于前一个值，是否应该有一个特定的顺序？谁能帮帮忙？
例如，体育(从第一个组合框中选择)，足球(从第二个组合框中选择)，大卫·贝克汉姆(从第三个组合框中选择)
一旦选择了所有这些数据并将其保存到数据库。在document ready上，我调用一个ajax请求来获取此数据并
浏览 0提问于2014-09-05得票数 1
1回答
我有一个剑道组合框。在其中一种方法中，我从组合框中获取值。是否可以使用茉莉花来模拟kendoComboBox。
var $categoryComboBox = $('#Category').data('kendoComboBox');
var selectedCategory = categoryComboBox.dataItem($categoryComboBox.select());
我的茉莉测试用例就像
var combo = spyOn($.fn, "data").and.returnValue(dummyElement);
浏览 3提问于2017-09-21得票数 0
回答已采纳
4回答
我已经开发了一个使用kendo工具的web应用程序，并且有一个带有批处理编辑模式的kendo网格。
但是，当我按下剑道网格中任何记录的删除按钮时，它将从网格中的列表中删除，但实际上不在数据source.when中，而是重新加载页面或网格，被删除的项目仍然存在。
这是我的网格代码
<div id="grid">
</div>
<script type="text/javascript">
$("#submitMarketUser").click(funct
浏览 2提问于2013-07-09得票数 18
回答已采纳
如何将静态数据添加到kendo组合框中？
以下是代码：
$("#CbxBusinessSegment").data("kendoCombobox").dataSource.add({ text: "PS", value: "3" });
我要..。
JavaScript运行时错误:无法获得未定义或空引用的属性'dataSource‘“
...error是因为这句话。
浏览 1提问于2012-12-27得票数 0
我在我们的项目中使用了Kendo版本的"version:2016:1.112.545“，在级联ComboBox中有一个缺陷，可以在ASP.NET MVC中的Telerik Demos、HTML5/JavaScript，JSP和PHP ()中再现。
(注意：文本在ComboBox中需要输入)
复制的步骤
访问给定的URL。
在类别ComboBox中键入字母b并选择饮料
在Products ComboBox中键入字母c并选择柴
在订单中键入字母p，然后选择ComboBox
现在清除类别ComboBox中的文本，它将填充所有类别，但不要选择它们中的任何一个，只需单击外部
注意，所有Combo
浏览 1提问于2016-03-11得票数 2
回答已采纳
1回答
当我使用Qunit运行这个测试时，我得到这样的错误：“无法读取未定义的属性‘data error’”我的脚本正在加载，我验证了，我希望能够创建组合框，添加一个数据源，并验证我可以将数据绑定到该数据源
这是我的javascript文件中的测试代码：
/// <reference path="../qunit.js" />
/// <reference path="../jquery/jquery-2.0.3-vsdoc.js" />
/// <reference path="../jquery/jquery-2.0.3.js&
浏览 0提问于2014-01-31得票数 0
grid._schemaMethod = {
model: {
id: 'Id',
fields: {
Id: { editable: false, databind:nullableValue: 'Id'},
User: { defaultValue: { Id: '', UserFullName: '' } },
}
}
};
grid._columns.push(grid.GridColumn('Id&#
浏览 2提问于2020-08-31得票数 0
我正在开发一个大型网络应用程序，使用kendo，HTML5，Javascript和Require.js等。我很难弄清楚为什么调用$(selector).data('kendoComboBox')在一个jQuery对象中在一个上下文中工作，而不是在另一个上下文中工作。它在成功的$(选择器).kendoComboBox(参数.)之后工作。创建kendo组合框调用，但不是当我从事件处理程序调用它时。似乎与正在引用的对象选择器关联的kendoComboBox对象已丢失？有人能帮我解释一下这件事吗。
浏览 1提问于2014-07-20得票数 4
回答已采纳
我有一个使用MVC包装器创建的kendo combobox，如下所示：
@Html.Kendo.ComboBox().Name("Well");
我想使用存储在javascript中的json数组手动更新数据(而不是从ajax查询中)-我遇到了这段代码，它几乎可以工作，除了我在ComboBox中获得对象3次，而不是从json数组中获得'text‘值：
$("#Well").data("kendoComboBox").dataSource.data([{text: "i1", value: "1"}, {te
浏览 0提问于2013-05-08得票数 1
回答已采纳
我正在使用一个kendo网格，我试图让Name field成为一个拥有自己的数据源的组合框。我没有收到javascript错误，但是当我在网格中编辑name字段时，它没有显示ComboBox。它仍然显示一个输入字段。
$(function () {
console.log("ready");
var datasource = new kendo.data.DataSource({
transport: {
read: {
url: "", // Returns all i
浏览 0提问于2012-03-05得票数 0
回答已采纳
我有一个剑道组合框，我想在javaScript中设置选定值
@(Html.Kendo().ComboBox()
.Name("EditSelectComidityN")
.Filter("contains")
.Placeholder("Select Comidity...")
.DataValueField("ComidityId")
.DataTextField("ComidityName")
.HtmlAttributes(new { tabindex = 1 })
.BindTo((System.Colle
浏览 8提问于2021-02-28得票数 0
1回答
我最近使用了，并尝试在javascript代码中找到一些特性。
当我们不传递这样的参数时，JQuery到底做了什么：
if (!$()["kendoComboBox"]) {
...
}
浏览 2提问于2014-04-27得票数 1
回答已采纳
1回答
我的web服务器- tomcat在会话中设置了两个属性。在jsp页面中，我将它们检索为
<% String age = (String) session.getAttribute("age"); %>
我将此值设置为同一jsp文件中表单中的隐藏字段。
<input type="hidden" name="age" id="age" value="<%=age%>" />
我尝试在javascript文件中使用这个值，如下所示
document.cForm.age.value
但是
浏览 1提问于2011-05-19得票数 0
是我的博客，我用值实现了select标记。我的问题是标签在chrome浏览器中显示正常。
但是，当我在Mozilla浏览器中打开博客时，它会将标签从左向右展开，就像下面的图片一样，您可以查看它。我如何使它响应Mozilla和所有浏览器。
下面是我的代码。
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
.k-input {
font-weight:bold !important;
font-size:12pt !important;
c
浏览 4提问于2016-07-21得票数 0
回答已采纳
我有一个简单的Kendo ComboBox
HTML：
<div>
<h5>Brand</h5>
<div id="combo1"></div>
</div>
JavaScript：
j$("#combo1").kendoComboBox({
dataTextField: "name",
dataValueField: "id",
value: "Original_Brand_Value",
da
浏览 4提问于2016-08-10得票数 0
回答已采纳
我在我的Razor布局上有一个Kendo UI Grid，它从控制器获取数据。
在这个网格中，我希望有一组3个DropDownLists，它们是：
ProductGroups、Products、Services
我希望实现的行为是，当我在网格中添加一行时，我首先选择ProductGroups，然后Products DropDown将更新为按GroupId (值)过滤的产品列表。然后选择Product，并像第一个一样，使用由productId (值)过滤的服务来更新Services DropDown。
我不太知道如何做到这一点，有人能帮我吗？
感谢大家的帮助。
诚挚的问候。
浏览 0提问于2012-09-20得票数 8
回答已采纳
2回答
我有一个{"SearchMode":["Customer","Address","Street","City"]}响应的restful服务，一切看起来都很好。我正在尝试将每个选项添加到Kendo ComboBox中。但是，它正在解析它并将每个字母显示为选项：
{
“
S
E
一个
R
C
H
你说对了。下面是我在javascript中所做的工作。我正在学习剑道控制，所以任何帮助都是非常感谢的。
$(#cboSearch").kendoComboBox({autobin
浏览 3提问于2013-10-10得票数 0
回答已采纳
有一个带有kendo组合框的网格模板：
<script id="templateSample" type="text/kendo-tmpl">
@*Active holds the selected value*@
# alert(Active) # //
@(Html.Kendo().ComboBox()
.Name("ComboBoxSample")
.BindTo(new List<SelectListItem>()
{
浏览 1提问于2014-10-31得票数 0
回答已采纳
我需要这段代码的帮助。
该代码将从PHP脚本获得JSON响应，并将根据其内容创建ComboBox。
这行得通..。我的问题是，我需要定义默认选择的选项，在本例中，因为该表单是一个Edit表单。
Javascript：
dsource = new kendo.data.DataSource({
transport: {
read: {
url: url,
dataType: "json"
}
},
schema:
浏览 1提问于2015-06-04得票数 0
2回答
我可以用这种方法在剑道网格列中定义combobox吗？它能插入到列的模板中吗？
var localData = [
{"ProductName":"Chai"},
{"ProductName":"Chai1"},
{"ProductName":"Chai2"},
{"ProductName":"Chai3"},
{"ProductName":"Chai4"},
]
浏览 1提问于2015-07-30得票数 0
回答已采纳
我有一个webform中的gridview，javascript用来将所选的项目滚动到视图中；工作得很好。
然后，我将网格视图移动到一个用户控件中，使其工作，除了滚动到视图中。
以下是scrollintoview的工作原理，或者以前的工作方式。
在gridview.itemselected上，所选行的唯一值存储在隐藏字段中。主页上的$(document).ready调用javascript "scrollintoview“函数。
scrollintoview函数从隐藏字段中获取值，在网格视图中查找值，标识该值的垂直位置，将滚动到适当的垂直位置，并将网格视图行的背景色设置为淡黄色。
浏览 3提问于2015-01-11得票数 1
回答已采纳
1回答
我有一个可编辑的组合框，用户可以在那里键入任何内容。这应该只在intellisense和用户可以轻松找到值的情况下才起作用。但是用户仍然可以键入不在组合框值列表中的内容，然后继续提交。如何防止提交不在组合框中的值。
浏览 0提问于2015-10-20得票数 0
3回答
$(document).ready(function () {
var combobox = $("#Id").data("kendoComboBox");
combobox.dataSource.data(jsonData);
});
我正在尝试为document ready上的combobox设置数据源，但是，我不能将combobox设置为总是未定义...
我在razor局部视图中声明了combobox ..
@(Html.Kendo().ComboBoxFor(model => model.Id)
.HtmlAtt
浏览 2提问于2013-11-07得票数 1
我试图从包含json、xml和html的API多部分响应中获取值。此外，HTML在该响应中的元素上没有任何id和任何类。我希望在元素中获得完整的表，并希望从它的tr中获取值。请建议我在inline code中如何在逻辑应用程序中这样做。
var response = workflowContext.trigger.outputs.body; // API Response
var multiBody = response.body.$multipart[4].body; // multipartBody
var table = multiBody.
浏览 4提问于2021-09-03得票数 0
回答已采纳
MVC 5.2.2
剃须刀3.2.2
Kendo MVC UI v2014.2.903
在Javascript中，当我想更改ComboBoxFor的占位符文本时，我认为我可以这样做：
@model MyNameSpace.Models.Address
@(Html.Kendo().ComboBoxFor(model => model.ZipCode)
.Placeholder("Select Zip...")
.DataTextField("Text")
.DataValueField("Text
浏览 1提问于2014-10-02得票数 6
回答已采纳
我已经创建了kendoComboBox
jQuery("#" + id).kendoComboBox(
{
filter: "contains",
change: changecallback
}).trigger("change");
var changecallback = function () {
//var combobox = jQuery("#" + id).data("kendoComboBox");
浏览 0提问于2012-12-11得票数 1
1回答
我正在使用一个自动完成与JSON 5应用程序使用ASP.NET dataSource在Kendo UI...这是工作得很好，现在我想下拉以及与自动完成，以便当用户键入值，程序开始过滤数据，但用户也可以下拉并从列表中选择.....
控制器
public ActionResult GetAllFeeScheme_JSON()
{
var allFeeScheme = FeeScheme_UOF.GetAllFeeScheme().ToList();
return Json(allFeeScheme, JsonRequestBehavior
浏览 1提问于2014-02-19得票数 0
1回答
我如何从多个父母在肯杜伊的kendoComboBox？
假设我必须是父组合框；comboBoxA : A，B，C，D和comboBoxB : 1,2,3,4，而在两个组合箱中从字段'desc‘中的腰包将返回A，B，C，D,1,2,3,4。
$('#comboBoxChild').kendoComboBox({
cascadeFrom: ??
});
浏览 2提问于2019-02-04得票数 0
回答已采纳
2回答
我使用KendoUI ComboBox，我想要放置一个默认的选择项。
在KendoUI ComboBox中，我没有找到将默认值放在文本中而不是使用索引的方法。
<script>
$("#combobox").kendoComboBox({
dataSource: [
{ id: 1, name: "Apples" },
{ id: 2, name: "Oranges" }
],
dataTextField: "name
浏览 8提问于2014-11-19得票数 1
回答已采纳
我将这些代码添加到网格视图rowdataBound中：
e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#E2DED6';this.style.cursor='pointer'")
现在我想要从CSS的原始背景，我不知道多少从JavaScript和jQuery，所以我想保持它内联JavaScript如果可能的话。
我在找这样的东西：
e.Row.Attributes.Add("onmouseout", "this.styl
浏览 0提问于2015-04-20得票数 0
回答已采纳
我刚接触Kendo，并使用它创建了一个项目。我遇到了一个非常独特的问题。我正在使用kendoCombox中的select选项。我所做的就是在单击编辑按钮时更新选择框值。值被成功更新，但当我滚动时，它会自动调用获取所有值的函数。下面是我的代码：
我正在使用下面的代码更新值：
$("#rackModelName").data("kendoComboBox").value(deviceModelName);
<select class="span12" onchange="rackChange()" id="rackM
浏览 0提问于2019-08-05得票数 0
4回答
我在级联模式下使用Kendo UI ComboBoxes来构建我希望应用的过滤器。
如何清除/重置Kendo UI ComboBox的值？
我试过了：
$("#comboBox").data("kendoComboBox").val('');
$("#comboBox").data("kendoComboBox").select('');
$("#comboBox").data("kendoComboBox").select(null);
一切都无济于事。该项目是一个
浏览 8提问于2013-06-28得票数 13
回答已采纳
2回答
我有一个kendoDropDownList，但我不能只读，我试过了： $("#PreguntaPA008").kendoComboBox();
var combobox = $("#PreguntaPA008").data("kendoComboBox");
combobox.readonly(true);
var dataSource = $("#PreguntaPA008").data("kendoDropDownList");
dataSource.readonly();
var dataSource =
浏览 80提问于2021-01-26得票数 0
1回答
我有两门课：
class Enterprise
{
string EnterpriseCode {get; set;}
string LocationCode {get; set;}
List<FinYear> FinYears {get; set;}
}
class FinYear
{
string FinancialYear {get; set;}
}
在我的控制器中，我传递数据类型列表的强类型视图
视图的HTML部分有两个Kendo下拉列表：
@model List<Enterprise>
@(Html.Kendo.DropD
浏览 2提问于2014-12-26得票数 1
回答已采纳
我在把csv文件拷贝到卡桑德拉。我有下面的csv文件，表如下所示。
创建表UCBAdmissions(
id int PRIMARY KEY,
admit text,
dept text,
freq int,
gender text
)
当我使用从'UCBAdmissions.csv‘中复制UCBAdmissions.csv= '，’和HEADER = TRUE；
输出是
在0.318秒内导入24行。
cqlsh>从UCBAdmissions中选择*；
身份证，承认，部门，女性，性别
(0行)
从“UCBAdmissions”中复制“UCBAd
浏览 3提问于2015-12-15得票数 1
我正在尝试简化一个井字游戏的代码。
网格的每个扇区都有"tictactoe“类和一个指定其区域的id，例如"upleft”。我的想法是，html元素中的onclick将调用一个JavaScript函数，该函数将在该空间中显示一个X。
所以这就是我所拥有的：
HTML元素：
<td id="upleft" onclick="displayX()" class="tictactoe"></td>
JavaScript/JQuery函数：
function displayX()
浏览 0提问于2012-12-07得票数 0
回答已采纳
3回答
嗨，我在ajax模式下有telerik mvc网格，并且启用了编辑功能。在我的场景中，我只能使用插入模式，所以我禁用了编辑模式。但是当我运行时，我在点击"Add New Record“时得到了javascript错误。示例项目可以从下载
浏览 0提问于2011-05-09得票数 0
2回答
这是我的代码：
<iframe src="http://www.golanpal.com/ahmad/test.txt" id="iframe" ></iframe>
</br>
<input type="button" value="Start" onclick="get()">
</br>
<input id="textid" type="text">
<script language="Ja
浏览 0提问于2018-12-09得票数 2
回答已采纳
3回答
我设置了一个kendoComboBox，并试图阻止箭头键发送输入。
在下面的示例中，如果删除keyCode 38和40的检查(这是向上和向下的箭头)，它将阻止所有alpha数字输入，但箭头键仍将更改kendoComboBox的选择。
有什么建议或想法吗？
$(document).ready(function() {
$("#products").kendoComboBox({
placeholder: "Select product",
dataTextField: "ProductName",
dataValueFi
浏览 5提问于2014-01-03得票数 1
回答已采纳
1回答
我有在ASP.NET网页形式的代码，使网格视图标题固定。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"><
浏览 0提问于2016-06-07得票数 0
我使用的是，它使用如下代码中提到的远程数据源：
$("#myinput").kendoComboBox({
dataTextField: "text",
dataValueField: "value",
filter: "contains",
placeholder: "...",
autoBind: false,
height: 300,
dataSource: {
type: "odata",
serverF
浏览 0提问于2017-08-22得票数 0
2回答
救命啊..。我看过一些关于这个的帖子，但它们似乎没有帮助.
我定义了一条在直接调用时完全正常工作的路由；http:// localhost : 53505/GetLocationData/Canada/Ontario/Toronto和我得到了我所期望的结果--这是我的AddressController的结果。
..。
现在，在我的应用程序中，我的ClientController启动了一个视图~/ view /Client/Index.cshtml
通过调用客户/索引
该视图有一个.ajax javascript，它尝试异步调用上面提到的相同的AddressController函数，这是在从良好
浏览 1提问于2014-03-07得票数 0
回答已采纳
这是我的jsfiddle 。
<div id="example" class="k-content">
<div class="demo-section">
<p>
<label for="products">Products:</label><input id="products" disabled="disabled" style="width
浏览 2提问于2013-12-10得票数 4
回答已采纳
2回答
kendocombobox有没有onblur事件？我读了下面的链接，但什么也找不到。
然后，我尝试像下面这样更改事件
$("#selFrameworkVersion").kendoComboBox({
change: function (e) {
alert("I am selected");
}
});
这个不能点火。我已经在我的html中定义了我的kendocombobox，如下所示
<td><input id="selFrameworkVersion" s
浏览 0提问于2013-02-19得票数 0
1回答
My场景：
级联下拉列表以ComboBox (部分视图)结束，在主->细节场景中使用kendo网格
ddl->cb
目标：
在页面加载DropDownLists中，将一个一个地以默认值初始化数据，并且ComboBox应该保持为空。
在网格上，选择改变的部分视图被填充数据，ComboBox应该显示适当的元素。
在我的例子中，它的工作方式如下：
在页面加载ComboBox上显示'0‘(我想是null？)
在选择时，它与选定的值(基本上是model.Id )闪烁，并显示适当的文本。
或者，如果在加载父kendoComboBox数据时清除DropDo
浏览 3提问于2014-01-31得票数 0
回答已采纳
1回答
我们正试图在Kendo组合框上设置背景色。但是，设置颜色似乎也会消除数据绑定。在下面的示例中，设置了第二个组合框(cb2)的背景，但没有项。
<div id="example">
<input id="cb1" class="combobox" />
<input id="cb2" class="combobox" />
<input id="cb3" class="combobox" />
</div&
浏览 5提问于2016-07-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
