标签: kendo-ui

我有一个重量柱(Kg).当用户点击它时,我需要让它们能够输入3位的十进制数.

我遇到的问题是目前只允许他们把它放到2个地方,但显示为3个地方.您可以输入一个数字到多个小数位,但是当它保存时,它会将它舍入到2个位置.

我的专栏设置如下:

...
{
        field: "weight",
        title: "Weight",
        width: 40,
        format: "n4",
        decimals: 4,
        step: 0.001,
        template: "#= weight.toFixed(3)+'kg' #"
}
...

我尝试了一些但没有工作的东西.

我已经使用了kendo网格和图表,并使用以下示例代码刷新它们:

$("#Product").data("kendoGrid").dataSource.read();

但是,我使用数据源只是为了在不同的视图中提供一些基本数据,例如在这个例子中它没有使用网格http://demos.kendoui.c​​om/web/datasource/index.html

有没有办法以与上述代码对网格和图表相同的方式刷新此数据源？

谢谢,马特

我正在尝试为kendoUI网格创建一个搜索框.我已经能够开始基于一个字段进行搜索,但是我希望搜索框中的值能够搜索网格中的所有列.

function() {
            grid.data("kendoGrid").dataSource.filter({
                field: "ProductName",
                operator: "contains",
                value: $('#category').val()
            });

        }

参见js小提琴示例

我尝试在这里使用或逻辑运算符:jsfiddle.net但是我似乎无法让它工作....(请参阅或逻辑按钮)

我在editKendo网格上使用该事件来显示几个隐藏的列.然后我会在save活动中再次隐藏它们.

我遇到的问题是,似乎没有取消编辑模式的事件,因此如果用户单击取消,则列会搞砸.

是否有未记录的取消事件或我是否需要找到解决方法？

我希望能够在读取(刷新)后从我的Kendo网格中推送记录数.

这是我的剑道网格:

    @(Html.Kendo().Grid(Model)
      .Name("SearchWindowGrid")
      .Columns(columns =>
          {
              columns.Bound(p => p.SYSTEM_ITEMS_SEGMENT1).Hidden();
          })
      .ClientRowTemplate(
          "<tr>" +
            "<td>" +
                "<span><b>#: SYSTEM_ITEMS_SEGMENT1#</b></span>&nbsp;<br/>" +
                "<span>#: DESCRIPTION# </span>" +
            "</td>" +
          "</tr>"
      )
      .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("PopulateSearchWindow", "Item").Data("additionalSearchWindowInfo"))
        .Events(ev => ev.Error("onErrorSearchWindow"))
      )
      .Selectable(s => s.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
      .Scrollable(s => s.Enabled(true).Height(450))
  )

我的控制器动作:

    public ActionResult PopulateSearchWindow([DataSourceRequest] DataSourceRequest request, string option, string searchText, string searchDesc)
    {
        try
        {
            var derps= _idg.SearchItems(searchText, searchDesc, _adg.OrganizationCode).ToList();

            return Json(derps.ToDataSourceResult(request, ModelState));
        }
        catch (Exception e)
        {
            ModelState.AddModelError("ExceptionErrors", e.Message);
            return Json(new List<Derp>().ToDataSourceResult(request, ModelState)); …

Kendo Grid列如下所示.做缩放后屏幕列正在隐藏,我想做包裹列.我们可以通过在gridColumns上给出一些属性来实现它.请告诉我.我无法找到它.在这里'你的职业细节'越来越隐藏.这里有一些更多的领域,我这里只给了三个.

 gridColumns: [
            {
                title: 'FirstName',
                field: 'FirstName',
                width: '0', hidden: true
            },
            {
                title: 'FirstName',
                field: 'FirstName',
                width: '250px'
            },
            {
                title: 'Your Occupation Details',
                field: 'OccupationDetails',
                width: '100',
            }]

我有一个kendo Grid如下.

@(Html.Kendo().Grid<RevenueModel>()
     .Name("WeeklyRevenue")
     .Resizable(resizing => resizing.Columns(true))
     .Columns(columns =>
         {
            columns.Bound(p => p.Number).Width(100);
            columns.Bound(p => p.Type).Width(100);
            columns.Bound(p => p.Week1).Format("{0:c}");
            columns.Bound(p => p.Week2).Format("{0:c}");
            columns.Bound(p => p.Week3).Format("{0:c}");
            columns.Bound(p => p.Week4).Format("{0:c}");
            columns.Bound(p => p.Week5).Format("{0:c}");
            columns.Bound(p => p.TotalRevenue).Format("{0:c}");
         })
     .Scrollable()
     .Events(events => events.Change("onChange").DataBound("onDataBound"))
     .DataSource(dataSource => dataSource.Ajax().Read(read => read.Action("WeeklyRevenue", "Home")).ServerOperation(false))
     .Pageable(pager => pager.Refresh(true))
 )

这是我的控制器代码

public ActionResult WeeklyRevenue([DataSourceRequest]DataSourceRequest request)
        {
            ...
            DataSourceResult result = res.ToDataSourceResult(request);
            return Json(result, JsonRequestBehavior.AllowGet);
        }

它工作正常.但是我想在Grid读取数据时发送更多数据,如下所示;

public ActionResult WeeklyRevenue([DataSourceRequest]DataSourceRequest request, string AdditionalParam)

我找不到任何解决方法如何做到这一点.提前致谢.

我正在选择数据绑定事件的listview记录.我在数据绑定中编写了以下代码

       var grid = $("#grid").data("kendoGrid");
       grid.select(grid.tbody.find(">tr:first"));

现在我想动态取消选择网格.我怎样才能做到这一点？

使用VS'12,Asp.net - C# - InternetApplication Template,KendoUI,EF Code First

这是我的MVC BundleConfig.cs

        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

        bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));

        // The Kendo CSS bundle
        bundles.Add(new StyleBundle("~/Content/kendo").Include(
                "~/Content/kendo/kendo.common.*",
                "~/Content/kendo/kendo.default.*"));

        // The Kendo JavaScript bundle// or kendo.all.min.js if you want to use Kendo UI Web and Kendo UI DataViz
        bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
                                    "~/Scripts/kendo/kendo.web.min.js",
                                    "~/Scripts/kendo/kendo.aspnetmvc.min.js"));

另外你应该知道我在最后运行这两行 BundleConfig.cs

        bundles.IgnoreList.Clear();
        bundles.DirectoryFilter.Clear();

当我尝试托管项目时,我一直在获得403 Access Denied,File Forbidden Errors.

我曾尝试使用This Awesome Post作为参考,我确实改变了一些内容,但错误仍然存​​在.

我想是因为KendoUI附带的.min文件,但我无法确定.

供您参考,这是我的_Layout.cshtml,以及我如何调用脚本.

    @Scripts.Render("~/bundles/jquery")
    @Styles.Render("~/Content/css")
    @Styles.Render("~/Content/kendo")
    @Scripts.Render("~/bundles/kendo")

在将Chrome更新到其上一个版本56.0.2924.76(64位)后,我们的Kendo datepickers开始无法正常工作.

所有日期选择器都使用ViewModels绑定,现在它们不显示它们的值.如果我们检查它们,我们会看到设置的值,但它没有显示.

例如:

@(Html.Kendo().DatePicker()
                    .Name("DateFrom")
                    .Start(CalendarView.Month)
                    .Depth(CalendarView.Month)
                    .Format("MM/dd/yyyy")
                    .HtmlAttributes(new { @id = "ClosingStartDate", @placeholder = "enter date from", @class = "masked-date" }))

如果我使用Chrome的开发人员工具检查此元素,我会得到以下结果:

<input class="k-input masked-date" id="ClosingStartDate" name="DateFrom" placeholder="enter date from" type="text" value="12/21/2016" data-role="datepicker" readonly="" disabled="disabled" maxlength="20" style="width: 100%;">

但它就是这样的

当我们用KnockOut绑定属性值时,所有日期选择器都可以正常工作.

我们的剑道版本是:Kendo UI Complete v2012.2.913

还有另一种绑定它的方法吗？我们应该使用Chrome v.56改变什么？