Hello ,

I have a grid with serveroperation(false) set to have Client side filtering,sorting paging etc. the code works fine on Safari browser for Desktop. But on tablet or mobile paging, filtering, grouping all work good but sorting always invokes datasource read as if sorting is on Server side. Paging filtering or grouping will never invoke read Action and only serach TextBox text entry should invoke that. As Long as ServerOperation is set false i believe all should be Client side, why just sorting Fails and does a Server invoke?

Here is index.mobile.cshtml code
<script type="text/javascript">
function addSearch() {
return { SearchString: $('#searchbox').val() };
}

$('#searchbox').keyup(function () {
$('#Grid').data('kendoGrid').dataSource.read();
});
</script>

@model System.Data.DataTable

@(
Html.Kendo().Grid(Model).Name("Grid")
.DataSource(ds => ds.Ajax()
.Model(m =>
{
foreach (System.Data.DataColumn column in Model.Columns)
{
m.Field(column.ColumnName, column.DataType);
}
})
.Read(r => r.Action("product_Read", "Product").Data("addSearch"))
.ServerOperation(false)

)
.ToolBar(toolBar => toolBar.Template("<input class='k-textbox' id='searchbox'/>"))
.Columns(columns =>
{
for (int i = 0; i < ViewBag.ListHeader.GetLength(0); i++)
{
columns.Bound(ViewBag.ListHeader[i, 0]).Title(ViewBag.ListHeader[i, 1]);
}
})
.Pageable()
.Sortable()
.Groupable()
)
And the controller read action looks like this
public ActionResult product_Read([DataSourceRequest]DataSourceRequest request, string SearchString)
{
 
DataTable products = Products(SearchString);

return Json(products.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}

Hi,

I have a kendo mvc grid with page size 50 and have total records of 500. I want to iterate through all grid records and get the data view for all the 500 records in java script. I'm writing it as below in the grid export excel event and getting only the first 50 records in to the view . 

 var data = this.dataSource.view();

var template = kendo.template(this.columns[0].template);      

for (var i = 0; i < data.length; i++) {

var cellvalue =template (data[i]);

}

How do I get all the 500 records and iterate through them to get the view?

Thanks

Vidya

 

 

When running JAWS against our local environment and I select INSERT+F5 to see the Form Fields, I see a list of Editor buttons, as well as one that says "Unlabeled1 Edit" (I'm assuming it's associated with the editor textarea).  I've tried updating the various controls with a more unique value (e.g., "Note Body Edit"), but so far have been unsuccessful.  

This is like this in both Chrome and IE11 and can be seen on the Kendo UI Demo site (http://demos.telerik.com/kendo-ui/editor/index -- where it shows up as "Unlabeled2 Edit") when running JAWS 17.  See attached for a screenshot of what I'm talking about.

How can this be updated?

How to increase/decrease width of the columns in the spreadsheet manually?

Hi,

I refer to the following how to demo: http://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/reorder-nested-grid-rows

There is bug in this demo. If any of the master grid row is not expanded yet, dragging that row results in dragging 2 rows!But if the row previously expanded then it works fine!

You can reproduce this bug in the above demo by trying to collapse the first row, then without expanding the 3rd row try to drag it then you can see the 3rd & 4th rows drag together as of they are attached. But if you expand the 3rd row and collapse it again then you can drag it individually!

I believe the problem is in this line: table.append(element.next().clone()); there should be some if condition here to check if the detail-row for this master row exist then do this otherwise don't close the next element.

Please let me know what is the best way to resolve this problem?

Thank you.

 

Hi guys,

I have two kendo date pickers. One for start date(DP1) and another for end date(DP2). When Start Date is selected in DP1, the days before the start date in DP2 should be disabled. I am using k-ng-model to bind the data, but I couldn't acheive it.

here is how the HTML part of datePicker looks l

   <div class="date-range">
       <div class="date-range-item">
          <div class="date-range-label">Start Date</div>
          <input id="StartDate" kendo-date-picker k-ng-model="Obj.startDate" />
       </div>
       <div class="date-range-item">
          <div class="date-range-label">End Date</div>
          <input id="EndDate" kendo-date-picker k-ng-model="Obj.endDate" />
       </div>
   </div>

In controller

        $scope.StartDate = $('#StartDate').kendoDatePicker({
            parseFormats: ['MM/dd/yyyy']
        }).data('kendo-date-picker');

        $scope.EndDate = $('#EndDate').kendoDatePicker({
            parseFormats: ['MM/dd/yyyy']
        }).data('kendo-date-picker');

        $scope.StartDate.bind("change", function (): void {
                Service.Validation( $scope.StartDate, $scope.EndDate);
            }
        );

In Service

this.Validation = (start: kendo.ui.DatePicker, end: kendo.ui.DatePicker) => {            
           end.setOptions({
                disableDates: (date: any): boolean => {
                    if (start) {
                        if (start.value()) {
                            if (date < start.value()) {
                                return true;
                            } else {
                                return false;
                            }
                        } else {
                            return false;
                        }
                    } else {
                        return false;
                    }
                }
            });

1) The First Problem I am facing is, I am getting two date Pickers in the UI. When I remove the kendo-date-picker in the HTML part then only one kendo Date Picker is being Displayed.

2) Second Problem is When I am saving the object. the Start date and End date are holding null as k-ng-model is not binding the Dates.

Please post a solution and explain the Reason behind this behaviour.

Thanks.

 When i select a date  and clears out the input field, ie I select  5/24/2016 from calendar , the input field displays the same . Then I clears the input field . Now when I open the calendar , it shows the previously selected date (5/24/2016) in a highlighted outlined box . I don't want the calendar to remember/show my previous selections . The previously selected date and non- selected date, other than current date should not show any difference  . Please help .

I am using the Kendo UI components in AngularJS and am including a spreadsheet in one of my pages.  Unlike the other components, the spreadsheet doesn't include an angular example.  Is there a way to get the reference to the spreadsheet?  I was hoping for some equivalent to


Thanks!

Hi team,

 

Let me know if we can implement an expanding view for selected list item in a list view (displayed as tile format). Something similar to google image search when we select any image it opens it in below row in an expanding div.

I tried using tool tip but i wan it to open in an expanding view and not outside of the listview and also its not centered its position is relative to the selected item

Let me know if it's possible to implement in listview.

 

Thanks

Is it possible to bind the grid to a datatable using mvvm?