禁用\启用Kendo UI TreeList中的多个复选框
Kendo UI TreeList是一款功能强大的JavaScript UI组件库，用于创建交互式的树形表格。它提供了多个复选框来实现对树节点的选择操作。禁用或启用Kendo UI TreeList中的多个复选框可以通过以下步骤完成：
- 禁用多个复选框：
- 首先，获取到Kendo UI TreeList的实例对象。
- 使用实例对象的方法或属性来获取到需要禁用的复选框元素。
- 针对获取到的复选框元素，设置其disabled属性为true，即可禁用复选框。
- 启用多个复选框：
- 同样地，获取到Kendo UI TreeList的实例对象。
- 使用实例对象的方法或属性来获取到需要启用的复选框元素。
- 针对获取到的复选框元素，设置其disabled属性为false，即可启用复选框。
Kendo UI TreeList的多个复选框可以用于实现树节点的多选功能，例如在文件管理系统中选择多个文件进行批量操作，或者在组织架构图中选择多个部门进行权限设置等。
腾讯云提供了一系列与云计算相关的产品，其中与前端开发和UI组件相关的产品是腾讯云Web+和腾讯云Serverless Framework。腾讯云Web+是一款全托管的Web应用托管平台，提供了丰富的前端开发工具和资源，可以方便地部署和管理前端应用。腾讯云Serverless Framework是一款无服务器应用框架，可以帮助开发者快速构建和部署无服务器应用，包括前端应用。
以下是腾讯云Web+和腾讯云Serverless Framework的产品介绍链接地址：
- 腾讯云Web+：https://cloud.tencent.com/product/tcb
- 腾讯云Serverless Framework：https://cloud.tencent.com/product/sls
相关·内容
4回答
我使用了一个Kendo UI TreeList控件，并且需要每个父节点都是一个复选框。我已经搜索了如何在TreeList中使用复选框，但还没有找到任何示例。有没有人知道如何做到这一点，或者这是否可能？
浏览 0提问于2014-12-18得票数 0
我在单击标题复选框时在Kendo UI TreeList中尝试了以下禁用/启用多个复选框的解决方案： 1.prop('disabled'，true) \ prop('disabled'，false) 2.attr('disabled'，'disabled') \ removeAttr('disabled')； 3.$(...).disabled=true \ $(...).disabled=false 但它们都有相同的问题，即只影响TreeList中的最后一项！ 我真的很困惑，不知道哪里出了问题，有可能解决吗？
浏览 107提问于2019-05-24得票数 0
我正尝试在kendo UI中的treelist上创建一个列的锁。如果用户点击一个按钮，它将锁定treelist中的一个列，我尝试这样做：
<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/treelist/frozen-columns">
<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</sty
浏览 2提问于2015-04-15得票数 0
1回答
我正在尝试从这里锁定kendo ui treelist中的一个列:
<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
columns: [
{ field: "id", locked: true, width: 100},
{ field: "name", width: 200 },
{ field: "age&
浏览 2提问于2015-04-21得票数 0
当aggregate column与KendoTreeList一起使用并试图导出到excel时，我得到一个错误“未捕获ReferenceError:计数未定义”。对于sum和max聚合，我得到了相同的错误。
<div id="treelist"></div>
<script>
$(document).ready(function() {
var service = "//demos.telerik.com/kendo-ui/service";
$(&#
浏览 0提问于2016-06-01得票数 1
我有一个Kendo-Ui下拉列表，其中填充了3个值。如果用户选择了我需要启用复选框所需的值之一。如果选择了其他两个值中的任何一个，则需要禁用该复选框。 我正在使用.Events和e.Select，并且已经创建了函数，但我不确定下一步该怎么做 <div class="row">
<div class="form-group col-sm-3">
<label for="Severity" class="form-label">Severity<
浏览 26提问于2019-09-05得票数 0
回答已采纳
我想在Kendo TreeList的每个单元格中设置一个span，默认情况下我在Kendo Grid中得到它，但是我不能在Kendo TreeList中设置这个
剑道格网：
<td role="gridcell" title="Control Box">
<span ng-bind="dataItem.partdesc" class="ng-binding">Control Box</span>
</td>
Kendo TreeList：
浏览 1提问于2015-06-30得票数 0
我有一个默认禁用的kendo开关：
<input type="checkbox" id="notifications-switch" aria-label="Notifications Switch" disabled="disabled" />
我有一个默认情况下未选中的复选框，我想通过选中该复选框来启用交换机，以下是复选框：
<input type="checkbox" id="eq1" class="k-checkbox">
以下是想要但不起作用的东
浏览 20提问于2018-08-21得票数 1
回答已采纳
我有一个Kendo，其中每一行都显示一个复选框。如果用户单击复选框，则请求转到服务器并保存数据。不幸的是，我做错了什么是因为：
update方法不向服务器发送数据。
并且同步方法不会自动调用。
我做错了什么？
我认为问题围绕着我如何设置哪些项目已经改变。如您所见，我迭代了来自的数据集，并更新了item.checked和item.dirty属性。如果我正确理解了，那么这个更改将触发同步方法。它不会触发同步方法，这正是我在方法中调用它的原因。
我的另一个问题是应该将数据结构发送到服务器。它是基于模式的，对吗？因此，一旦我能够实现请求向服务器发送一个对象，我应该创建一个类似的C# P
浏览 3提问于2016-01-02得票数 0
回答已采纳
1回答
模板Kendo UI编号格式无效
、、、、
设置模板格式的正确方法是什么： <!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/treelist/local-data-binding">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
&l
浏览 30提问于2019-03-12得票数 1
回答已采纳
我正在使用Kendo treeList组件。我正在使用这个。当我演奏小提琴的时候，一切都很好。但是，当我尝试在本地运行相同的示例时，我得到：
Uncaught : kendo.data.TreeListDataSource不是函数的错误。
我也没有看到任何名为kendo.data.TreeListDataSource.js或kendo.data.TreeList*的文件。
var dataSource = new kendo.data.TreeListDataSource({
data: [ { name: "Jane Doe" }, { name:
浏览 2提问于2016-04-09得票数 0
我使用的是Kendo移动框架的kendo UI Mobile v2012.3.1114，并且mobiscroll设置和取消按钮不会每次都触发。有时它会触发，但并不总是如此。如果我使用kendo mobile framework的v2012.2.913，它可以正常工作，但速度很慢。我想这是关于css的问题，但我不确定。
开发环境- (Telerik Cloud IDE) Icenium Graphite v1.1 - Kendo UI Mobile Framework v2012.3.1114 - Jquery Mobile v1.8.2 - Mobiscroll v2.3.1
下面是html和
浏览 0提问于2013-01-15得票数 2
回答已采纳
1回答
列表项目
我有一个页面，它通过按一个按钮加载一个kendo TreeList。数据目前是静态地定义在变量中的，作为Kendo TreeList数据源的基础。
我有一个数据源的定义，我主要从Telerik网站复制。我有一个树列表，在CRUD方面有几个要求。
level1 -无
level2 -只添加新的子节点
level3 -编辑和删除
编辑应该是双击level3项
CRUD命令按钮只需要图标(按钮中没有文本)。
不幸的是，我无法通过buildin CRUD控件实现这一点，因此我使用了一个模板列，其中按钮是根据它们的"Type“字段放置的。
现在这已经奏效
浏览 0提问于2015-01-26得票数 0
1回答
我有一个Kendo TreeView，在这里我需要反转复选框的可视化表示。因此，值false将导致复选框。
这样做的原因是treelist列出了一组应该排除的项。所以当他们检查一些东西时，它就被排除在外了。这并不是很直观。
更改保存这个排除列表背后的逻辑确实是我想避免的事情。相反，我宁愿更改数据的可视化表示。这样checked=false就会产生一个复选框和相反的复选框。
下面是我的工作
@(Html.Kendo().TreeView()
.Name("Tree")
.Checkboxes(c => c.Name("Checked"))
浏览 6提问于2015-10-15得票数 0
回答已采纳
2回答
我正在使用asp.net MVC5的kendo ui。我有一些情况，我必须显示kendo ui下拉列表被禁用，但当我提交from (post)时，我用来绑定下拉列表的模型字段包含null而不是值。
下面是我的代码：
@(Html.Kendo().DropDownListFor(i => i.CallTypeId)
.Name("CallTypeId")
.HtmlAttributes(new { style = "width:100%" })
.DataTextField("MasterValueName")
浏览 5提问于2015-12-29得票数 0
我对jQuery使用kendo.ui.TreeView。我创建了带有复选框和子对象的树： $("#my-tv-1").kendoTreeView({
dataSource: data,
checkboxes: {
checkChildren: true
},
loadOnDemand: false
}).data("kendoTreeView");
let data = [
{ text: "Item 1", id: 1 },
{ text: "Item 2", id: 2 },
{
浏览 31提问于2020-11-10得票数 0
我的应用程序有一个Kendo TreeList和一个Kendo ComboBox。TreeList的DataSource也可用于ComboBox。如果这是可能的，它将避免我必须运行相同的查询两次。
这看起来更加复杂，因为我的TreeList使用传输器来执行CRUD操作。
my shared DataSource示例：
var sharedDataSource = new kendo.data.DataSource({
transport: {
read: function (e) {
浏览 0提问于2016-09-10得票数 0
1回答
我的UI使用的是DevExpress 8 Winform TreeList控件，
我需要我的第一个列同时是两个编辑器:一个是默认的TextEdit，
另一个是复选框..
我试着在DevEx论坛上搜索这个，但我找到的都是
建议实现自定义编辑以同时包含这两个编辑。
我不是UI爱好者，但这真的是可行的方法吗？
有没有其他方法可以将两个编辑融合到一列中？
谢谢!
浏览 1提问于2011-01-17得票数 0
在我的应用程序中，需要在报告中显示基于级别的记录。我正在使用Kendo UI Treelist和aggregate。数据显示良好，总计显示在所有级别的行中。但我只需要在父(顶层)节点中显示总计。可以仅在父(顶部)节点中显示聚合。有可用的房产吗？或者任何原生的alter？
示例网址：
提前谢谢你。
浏览 6提问于2020-09-17得票数 0
1回答
我厌倦了使用kendo寻呼机和Kendo TreeList分页树(根节点)。启用远程数据绑定来加载子节点(按需加载在行展开处加载的数据)。在初始加载时，TreeList处于折叠视图中。
使用了剑道寻呼机和剑道DataSource。服务器处理动态数据加载和分页数据。
样本树层次结构：-
T1 =A -> B
T2 =C -> D -> E
T3 =X -> Y
假设页面大小为2，T1和T2将显示在第一页，T3将显示在第2页。
页面1
页面2折叠视图
我面临的问题是，当用户从寻呼机控件中选择页面时，数据不会发送到后端。
在下面的场景中，当用户选择页2寻呼
浏览 18提问于2022-07-26得票数 1
回答已采纳
1回答
我有一个使用Kendo UI框架的布局：
现在，在单击位于顶部窗格的按钮后，我希望左侧窗格与treelist一起展开到右侧窗格。我尝试了这样的东西：
<script>
$(document).ready(function () {
$("#horizontal").click(function (e) {
});
var service = "//demos.telerik.com/kendo-ui/service";
$("#treelist").kendoTreeList({
d
浏览 0提问于2016-01-22得票数 0
1回答
我的MVC ViewModel包含要在我的Kendo TreeList中显示的记录的初始列表。然而，TreeList并没有呈现最初的list...and，我不明白为什么。
所需经费：
如果初始记录exist...display
读取操作不能在初始呈现时执行(其他控件稍后会管理)
对于其他Kendo控件，您可以设置：
AutoBind(假)
BindTo(Model.MyCollectiom)
...and读取操作不执行。但TreeList目前正在失败。
我的剃须刀看起来像：
在初始渲染记录确实存在(见下图)
@(Html.Kendo().TreeList<
浏览 0提问于2018-11-29得票数 0
回答已采纳
在我的HTML中，我有：
<kendo-treelist
k-auto-bind="true"
k-data-source="dataSourceAssignment"
k-columns="Assignmentcols"
k-rebind="Assignmentcols">
</kendo-treelist>
在JS文件中，我通过以下方式将其连接到数据源：
$scope.dataSourceAssignment = new kendo.data.TreeListDataSou
浏览 1提问于2016-11-17得票数 1
回答已采纳
我已经将Kendo 网格放置在jQuery 对话框中。在网格中，我放置了一些控件，如TinyMCE编辑器、Kendo下拉列表、复选框、等等。
我正在尝试从kendo下拉列表中选择一项。Kendo文档说，这是如何选择一个项目。
$('dropdownlistid').data('kendoDropDownList').value(index);
当我运行上述代码时，UI将相应更改。但是，当我单击update按钮时，发送给服务器的值仍然是执行上述代码之前的值。
显然，仅仅更改下拉列表的值并不足以设置发送到服务器的dorpdownlist列表的值。
另外，当我手动单击
浏览 3提问于2015-07-02得票数 0
回答已采纳
我正在使用kendo ui treelist组件，并从远程源获取数据。数据源的定义是：
$("#location-manage-grid").kendoTreeList({
dataSource: new kendo.data.HierarchicalDataSource({
transport: {
read: {
url: "api/getLocation",
dataType: "json"
}
浏览 4提问于2016-03-24得票数 3
我有这个Kendo UI网格。它读取并填充网格。但我面临的问题是，更新或删除按钮都不会发送POST请求。
保存按钮不执行任何操作。删除按钮会给我一个确认警告框，然后它会将其从网格中删除，但没有请求。
<kendo:grid name="grid" pageable="true" groupable="false" editable="true" sortable="true" filterable="true" height="300" >
<kendo:g
浏览 2提问于2013-02-10得票数 3
回答已采纳
我用的是VS2015，React.js和webpack。我已经安装了所有的包。但是我的系统默认是webpack 1.5.2。我正在尝试更新webpack 2.0.0，但是它不允许我更新那个包。它会给出如下错误：
以下是webpack.config.js文件的代码
var path = require('path');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var webpack = require('webpack');
module.exports =
浏览 3提问于2017-03-17得票数 1
我为treeList编写了一个指令，并通过远程服务调用将数据绑定到它。下面是TreeListDataSource在指令的链接方法中的代码：
scope.treeListOptions.dataSource = new kendo.data.TreeListDataSource({
transport: {
read: function(options) {
scope.getData().then(function(dataToBeDisplayed) {
options.success(dataToBeDisplayed);
}, fu
浏览 0提问于2015-09-25得票数 2
我有一个Treeview，它有4个级别，每个节点都有一个复选框。我需要禁用或使只读树的最低级别。该级别中的项目实际上是为了向用户展示最后一个分支中的内容，但它们得到的是全部或没有。现在我把这棵树绑成这样。
@(Html.Kendo().TreeView().Name("OriginTree").BindTo(Model.OriginTree).Checkboxes(checkboxes => checkboxes.Name("OriginChecks").CheckChildren(true)))
我对MVC (5)相当陌生，这是我第一次尝试使用Teler
浏览 1提问于2014-09-19得票数 0
回答已采纳
我试图找到取消选中和选中事件的kendo ui树的复选框。文档中没有提到这一点。
我只能找到一个检查事件，
请建议实现kendo ui树与具有选中和取消选中事件的angular中的复选框。
浏览 32提问于2016-07-28得票数 0
我有一个以TreeList为数据源的DataTable。其中一列在DataTable中具有bool类型，并自动显示为TreeList中的复选框编辑器。我正在寻找一个事件，该事件将在复选框的选中状态更改后立即触发。我正在处理CellValueChanged事件，但它只在节点失去焦点之后才会触发。我似乎无法从TreeList中找到任何会在复选框更改后立即触发的事件。有什么建议吗？
浏览 6提问于2015-01-19得票数 0
回答已采纳
我是Kendo UI的新手，我有一个问题。现在我正在使用TreeList /编辑，当我编辑第一个字段时，如何自动将值加载到其他字段？
示例：
1.序列号: 123456789
2.名称: test
当我将序列号123456789编辑为第一个字段，并将名称自动加载到第二个字段时。
浏览 25提问于2019-05-12得票数 0
我在一个MVC项目中使用了Kendo grid。第一列是由ClientTemplate定义的复选框：
.Columns(columns =>
{
columns.Bound(c => c.Checked).ClientTemplate(@"<input type='checkbox' class='checkbox' />").Width(50).Title("");
columns.Bound(c => c.Id).Hidden();
colu
浏览 2提问于2016-04-17得票数 0
最近，我的一个项目的本地副本完全失去了大部分样式。我花了一段时间才弄明白，因为大部分的样式都是在一个文件中完成的，其余的都是像Kendo和jQuery UI这样的小东西。
另一个次要的东西没有被添加到页面。我以为样式已经被另一个开发人员修改了(已经有一段时间没有接触这个项目了)，他只是测试Web API的东西，而不是UI，所以他可能已经破坏了它，并且永远不知道，但我追踪到了问题:只有site.css文件包含在捆绑包中，其他文件都没有。我甚至尝试重新排列捆绑包中包含的CSS文件的顺序，它将只包含site.css。
我重新构建了项目，清除了缓存等，所以它肯定会发生变化。我记得最近更新了一些NuGe
浏览 18提问于2013-02-20得票数 17
回答已采纳
如何动态更改Kendo Ui列表视图数据源。我的Kendo Ui列表视图代码是
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "ASPCode/RMScheduleList.asp",
dataType: "json"
}
},
浏览 2提问于2018-03-31得票数 0
我正在开发使用kendo UI angular的第一个应用程序。如何使用css更改kendo UI angular中复选框的高度和宽度？
浏览 0提问于2016-04-07得票数 0
1回答
在演示之后：
我们正尝试在我们的kendo treelist中实现excel导出。问题是，当下载时，excel文件没有数据，只有列的标题。
<%: Html.Kendo().TreeList<A.Models.ExportModel>()
.Name("treelist")
.Columns(columns =>
{
columns.Add().Field(e => e.ACTIVITY).Title("Activity&
浏览 5提问于2016-02-10得票数 1
我在一个视图中配置了3个kendo ui树列表。我正在尝试从另一个的expand事件中展开一个树列表。当从当前的treeviews事件调用expand方法时，它将展开指定的treelist，但会阻止当前treelist的展开。下面是相同的代码块。有没有人能解释一下我哪里错了：
Html：
<div id="products"></div>
<div id="suppliers"></div>
<div id="categories"></div>
浏览 13提问于2016-07-18得票数 0
回答已采纳
1回答
我们有一个可以正常工作的Kendo TreeList。数据显示，所有内容都正确地显示在层次结构中。问题是，我们需要将每两列分组到另一个“超集”组中。
如果没有按照所示进行分组，列标题(上面的名称不是真实的)太长，并且它们失去了有用的上下文。
我尝试在TreeList上添加一个HTML表，但看起来不太对劲。如果用户调整列的大小，它将不起作用。此外，工具栏(用于Excel导出)也妨碍了您的工作，所以它看起来甚至不像是TreeList的一部分。
我还考虑了在列中包装文本，但从我所看到的情况来看，这也很可疑。
它看起来像是上面所示的额外一行(具有合并某些列的能力，就像HTML表一样)是最好的
浏览 4提问于2017-07-19得票数 0
回答已采纳
我有一个Kendo TreeList，它有以下自定义命令：
{
command: [
{
name: "Edit",
imageClass: "fa fa-pencil"
},
{
name: "Delete",
imageClass: "fa fa-trash"
},
{
name: "createChild"
浏览 4提问于2016-08-31得票数 1
回答已采纳
我使用的是Kendo treelist和那个autofitColumn函数。但它抛出的错误是，function列不是一个函数。
有人能说出问题出在哪里吗？？
我的代码：
$('#treelist').kendoTreeList({
dataSource: dataSource,
editable: false,
columns: [
{ field: "FileType", title: "Files" },
{ field: "DestDrive", title: "
浏览 0提问于2016-06-23得票数 0
类A中的Kendo TreeList代码(类型记录文件)：我从kendo模板调用了一个函数。
export class A{
drillDownDataSource: any;
constructor() {
this.GetStatutoryIncomeGridViewData();
}
GetStatutoryIncomeGridViewData()
浏览 4提问于2016-09-08得票数 2
我创建了一个示例kendo treeList：在该示例中，如何使“协议名称”列的子单元格可单击？
谢谢。
浏览 3提问于2015-10-06得票数 0
1回答
我有一个TreeList，基本上就像Photoshop的图层调色板。这是一个带有复选框的分层列表，用于切换文档各个层的可见性。这是通过BeforeChecked事件完成的，该事件在.Checked值切换之前引发。
它工作得很好，除非你双击它，这时一切似乎都变得混乱了。
如果双击复选框一次，它将切换选中的值两次(这是预期的行为)，但它不会两次切换层的可见性，因为它不会引发两次BeforeChecked。
我想我可以通过把这个放到MouseDoubleClick事件中来解决这个问题：
TreeViewHitTestInfo hit = treeLayerPalette.HitTest(e.X, e
浏览 0提问于2013-06-28得票数 1
回答已采纳
1回答
我使用带有弹出编辑器的网格来插入和编辑网格行。在模板中，我使用单选按钮组
以及在视图模型变量viewmodel =kendo.observable中定义的属性({ ChequeNaghdiChange:false，ChequeReturnedChange:False.....
NRDisabled用于禁用和启用控件，通过简单设置true或false属性viewModel.set("ChequeNaghdiChange"，false)；kendo.data.binders.NRDisabled = kendo.data.Binder.extend({
refresh: f
浏览 6提问于2013-02-09得票数 1
我有一个Kendo TreeList，并且希望autoFit第一列onDatabound和onExpand。但是，如果列要比maxInt亮，那么它就不应该合适(并且保持相同的宽度)。所以我想要的是
var width = /*treelist.columns[0].width*/;
var max = /*some int*/;
if(width < max){
treelist.autoFitColumn(0);
}
但是我没有找到一个简单的getWidth()方法
此外，如果有方法手动设置宽度(以便设置最大宽度onDatabound)，那就更好了。
浏览 0提问于2018-12-13得票数 0
我正在运行一个仪表板系统，页面上的小部件将呈现一些网格和图表。我现在正在设置我们称为"Widget链接“的东西，在这里，单击网格将转到图表小部件，并显示与我刚才单击的网格行相关的数据。
示例：“将树列表(父小部件)链接到条形图(子小部件) "
在本例中，我有一个Kendo treelist select事件，它将当前选定的行传递给我的widgetLinkingFactory因子。这个工厂应该遍历我页面上所有可用的小部件，看看是否有任何图表(子小部件)链接到此treelist (父小部件)。
我想设置一个角度观察器，然后在我的treelist select event中触发一个s
浏览 2提问于2015-12-02得票数 0
回答已采纳
我有一个来自远程源的充满信息的Kendo UI网格，我想在我的网站上的Kendo UI窗口关闭后强制刷新显示的信息。
我试过这个：
var grid = $("#usuariosGrid").data("kendoGrid");
grid.refresh();
但是它不起作用，这就是我创建Kendo UI网格的方法：
var ds = new kendo.data.DataSource({
transport: {
read: {
url: root_url + "/usuario/index",
浏览 6提问于2013-04-11得票数 7
回答已采纳
我正在使用Kendo TreeList来显示分层数据。应用程序允许用户向显示的数据添加新行，或编辑现有数据。我不使用内联编辑。现在，我通过这段代码添加新行：
treeList.dataSource.data().push(vm);
如果用户编辑了某一行，则在dataSource中更新：
for (i = 0; i < dsData.length; i++) {
if (dsData[i].get("TaskUid") === vm.get("TaskUid")) {
dsData[i] = vm;
var curId
浏览 3提问于2015-06-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
