标签: kendo-grid
Kendo UI网格:使用新数据每60秒刷新一次网格数据:dataSource和observe()
我希望每隔60秒刷新一次Kendo UI网格内容,并提供最新数据.
编辑:这是在初始配置中分配dataSource的方式:
parsedData = $.parseJSON(data);
var dataSource = new kendo.data.DataSource({
data: parsedData
});
$("#grid").kendoGrid({
dataSource: dataSource,
. . .
网格的dataSource可以一举重新分配吗？或者更好的是单独删除dataSource.data中的项目,还是清除数组,然后注入新项目或完整替换数组？在Kendo dataSource中实现观察模式是否表明了一种方法？
我还没有开始这个,但根据我对网格的经验,回到Visual Basic的早期阶段,更改网格的数据源一直有不良的副作用,我没有理由期望这会更平滑航行.希望我错了.
第二个编辑#(2013年4月26日):如果有一组新的具有相同的结构,以前行的刷新网格的基础数据,一种方法一种方法,将保留展开/折叠网格的分组的状态,这将非常适合我们的目的.
推荐指数
解决办法
查看次数
Javascript - 如何动态地将对象添加到kendo ui网格中的列数组？
我试图在标题中暗示生成列数组中的对象,尽管我还没有找到一种工作方法.
alert( "Value 1: " + temporaryArray[1] + " - " + finalArray[1].values );
alert( "Value 2: " + temporaryArray[2] + " - " + finalArray[2].values );
var myGrid = $("#grid").kendoGrid(
{
columns:
[
{
title: temporaryArray[0] + " ",
field: gridArray[0].values + " "
}
],
dataSource:
{
data:finalArray,
pageSize:10
},
scrollable:false,
pageable:true
});
我尝试了以下添加对象:
for( var x = 0; x < finalArray.length; x++ )
{
myGrid[columns] = { temporaryArray[x]:finalArray[x] };
}
和
for( var x = 0; x …推荐指数
解决办法
查看次数
KendoUI网格编辑弹出窗口,如何隐藏网格中的字段
我有一个kendo ui网格,我只想在网格中显示一个字段子集.但是,实体上的所有字段都应显示在弹出编辑器中.我不想创建自定义编辑器,而是使用kendo默认提供的编辑器.是否有一个装饰器可以附加到字段中以使它们隐藏在网格中但在弹出编辑器中可见？
推荐指数
解决办法
查看次数
Kendo Grid 在加载之前不等待工具栏下拉列表完成
所以我有一个 Kendo 网格，它在工具栏中有两个 DropDownLists (DDL)。
我遇到的问题是，网格依赖于两个 DDL，一个是通过 ajax 调用加载的。但是，网格会在填充 DDL 之前执行其 ajax 调用，这会导致调用失败。
如何强制网格等待填充 DDL。
注意：我不能给它一个默认值。
谢谢
推荐指数
解决办法
查看次数
可排序事件触发后的Kendo Grid Callback功能
我正在使用Kendo Grid来排序表数据.我想要一个在排序完成后发生火灾的事件.我想要下面的代码.
$("#innergrid").kendoGrid({
sortable: true,
Aftersorting : function(event) { alert('sorting is done') }
});
推荐指数
解决办法
查看次数
根据下拉列表更改绑定/重新绑定Kendo Grid
我有一个Kendo网格,我需要根据不在网格中的下拉列表的值绑定初始页面加载.我需要根据该下拉列表中的用户选择重新绑定网格.我很接近,但我无法弄清楚如何去做,也找不到一个例子.我不确定我需要在onchange事件中放入什么我需要为下拉列表编写(它当前是一个空字符串,当然这是错误的).
任何帮助都是最受欢迎的!
这是标记:
<div class="editor-label">
@Html.Label("Storeroom List")
</div>
<div class="editor-field">
@Html.DropDownList("StoreroomID", new SelectList(ViewBag.storeroomNames, "RoomID", "RoomID"), "-- Select Storeroom --", new { @onchange = "" })
</div>
<br />
@(Html.Kendo().Grid(Model)
.Name("BatchGrid")
.Pageable()
.Sortable()
.Scrollable()
.HtmlAttributes(new { style = "height:675px; width:1200px" })
.Columns(columns =>
{
columns.Bound(b => b.BatchID)
.Width("300px")
.Title("Batch ID");
columns.Bound(b => b.HasErrorTransaction)
.Width("50px")
.Title("Err");
columns.Command(c => c.Custom("Post Batch").Click("onClickPostBatch").HtmlAttributes(new { style = "width:100px;" }));
columns.Bound(b => b.Created_Emp_Name)
.Width("200px")
.Title("Created Employee");
columns.Bound(b => b.Transmitted_DateTime)
.Width("175px")
.Format("{0:MM/dd/yyyy hh:mm tt}")
.Title("Transmitted");
columns.Bound(b => b.Completed_DateTime) …推荐指数
解决办法
查看次数
更改 KendoUI 网格中的滚动条样式
如何更改 Kendo UI 网格中的滚动条 css。 
有没有办法（jQuery 或 CSS 或任何东西）来改变样式。我想改变宽度的的滚动条。
推荐指数
解决办法
查看次数
剑道网格内的单选按钮
在我的 Kendo Grid 中，我需要绑定到我的数据源和 inCell 可编辑的三个单选按钮。问题出在编辑器上。当我单击一列（并且我创建了一个 div 墙以强制调用编辑器）时，该值没有为编辑器正确设置。当我单击另一行和不同的列时，该值不会保存。如果我单击同一列的另一行，则名称（无线电组）设置不正确（两个编辑器行具有相同的名称）。有没有办法让编辑器正确运行？
我使用 JavaScript 定义了以下网格：
编辑 1： 我在模板和编辑器中添加了一些换行符以提高可读性，但它们不应该存在于代码中。
编辑 2： 修复了输入标签验证中的错误。
<html>
<!-- head code -->
<body>
<div id="grid"></div>
<script>
$(document).ready(function() {
var grid = $("grid").kendoGrid({
dataSource: [{
id: 1, name: "John", period: "F"
}, {
id: 2, name: "Mary", period: "S"
}],
editable: true,
columns: [{
field: "name",
title: "First Name"
}, {
field: "period",
title: "Period",
template: '<div style="position:relative">
<input type="radio" name="group#: id#" value="F" #= period=="F" ? checked="checked" : "" # />First …推荐指数
解决办法
查看次数
如何更改Kendo Excel按钮内容文本
我有一个具有Excel导出功能的Kendo网格.它生成一个"导出到Excel"发短信按钮,我想更改其文本,如"发送到Excel".
@(Html.Kendo().Grid(Model).ToList())
.Name("Grid")
.Columns(columns =>
{
//columns.Bound(p => p.BirimAd).Title("Birim").Width(500);
columns.Bound(p => p.SehirAd).Title("?ehir").HtmlAttributes(new { style = "text-align:center" }).Width(200);
columns.Bound(p => p.Value).Title("Value").HtmlAttributes(new { style = "text-align:center" }).Width(200);
//columns.Bound(p => p.Avg).Title("Avg").HtmlAttributes(new { style = "text-align:center" }).Width(200);
})
.ToolBar(tools => tools.Excel())
.Sortable()
.Excel(excel => excel
.FileName("Rapor.xlsx")
.Filterable(true)
.ProxyURL(Url.Action("Excel_Export_Save", "Report"))
)
.ColumnMenu()
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("Excel_Export_Read", "Report"))
)
)
和excel按钮产生如下:
<button class="k-button k-button-icontext k-grid-excel"><span class="k-icon k-i-excel"></span>Export to Excel</button>
我正在尝试这个CSS:
<style>
.k-button k-button-icontext k-grid-excel
{
content:"Send to Excel";
}
.k-icon k-i-excel
{
content:"Send …推荐指数
解决办法
查看次数
Kendo Grid:在Kendo Grid启动后更新列配置
请看这个例子
我希望在kendo网格启动后更新列.
例如,当前列定义如下:
columns: [{
field: "FirstName",
title: "First Name",
width: "120px"
},{
field: "LastName",
title: "Last Name",
width: "120px"
},{
field: "Country",
width: "120px"
},{
field: "City",
width: "120px"
},{
field: "Title"
}]
在显示网格后,我想更新列的定义,如下所示:
var newCol = [{
field: "FirstName",
title: "You First Name",
width: "200px"
},{
field: "LastName",
title: "You Last Name",
width: "200px"
},{
field: "Title"
}]
我想要这个功能,因为它允许用户动态地改变整个网格.不仅是dataSource,还有列.他们可以选择重置宽度,标题.他们可以选择查询他们想要的数据,并使用自定义列配置将其呈现在网格中.
我知道我可以摧毁网格然后创建另一个网格,但这可能没有必要,对吧？任何帮助表示赞赏.
谢谢.
推荐指数
解决办法
查看次数