Questions on Kendo UI for jQuery Forum

1 answer

211 views

Does not bind kendo grid with json response data.

Hello All,

I am try to bind kendo grid with json response.

View

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: baseurl + "/Vendor/getData",

type: "POST",

dataType: "json"

}

});

$("#mygrid").kendoGrid({

dataSource: dataSource,

height: 280

});

<div id="mygrid">

</div>

Controller

[HttpPost]

public ActionResult getData([DataSourceRequest]DataSourceRequest request)

{

var vendorRegistrationTask = (IVendorRegistrationTask)new VendorTaskFactory<VendorRegistrationTask>().CreateObject();

var dataitem = vendorRegistrationTask.getDocument(10);

DataSourceResult result = dataitem.ToDataSourceResult(request);

return Json(result ,JsonRequestBehavior.AllowGet);

}

Thanks in an advance.

Grid

answered on 09 Nov 2012

0 answers

102 views

Popover in ModalView

Hello,
I my application , i use a modalview and there is a listview insdie the modal view . I need to open Popover when click that listview item.
I can open POPover but problem is Popover is not displayed .

Thank you.

ModalView

asked on 09 Nov 2012

1 answer

79 views

Pressing on date in IPad causes page to refresh?

Hi,
We are experiencing a bug in our application using calendar on IPad.
We have code in the "change" event. When pressing on a date gently - this code is executed correctly.
But if we delay the touch for a second longer - the whole page is refreshed.

This happens in the demo site too - I browsed in the IPad to the calendar demo. I scrolled down so that the calender is centerd on the page. When pressing gently on different dates - they change accordingly. When pressing longer - the page is refrsehed and I lose my scrolled position (and the chosen date is highlighted).

Tested on Safari, IOs 5.

Please help,
Thanks,
Tamar

Calendar

answered on 09 Nov 2012

7 answers

1.8K+ views

Kendo Window confirmation OK or Cancel

Customer wants a popup when performing a batch inline edit on the grid for column X value to be checked and either cause a validation error or not depending on clicking Yes or No on a confirmation popup.

Basically: if x == 40 then ask "This could be conflicting, do you want to update any way? Yes or No"
if yes then continue (allow them to save)
if no then set validation error (for them to change it before saving)

I've tried using confirm() and alert() however there is a bug that causes the e.sender.editor in my Save event to become null after the alert/confirm popup occurs (I'm guessing timing, because this is inconsistent). This looses all my grid updates (no more modified triangle). I am not that savvy at debugging actual javascript, so I went down another path of trying to replace them with the Kendo UI Window. Now my problem is that I need the script to pause for an answer from the Ok or the Cancel so that I can present the proper validation error (or not) in the grid.

If I setup an event for on "No", it triggers after the grid stops edit mode and I can't be sure which field was being edited since the names/id/class are all the same post edit mode.

Any ideas/suggestions?

Window

answered on 09 Nov 2012

0 answers

101 views

Grid Server Binding!

Hello, I wanted to load the grid with data coming from server. I know how to do it on Ajax like datasource.Ajax().Read("Action", "Controller") but I don't want it to use ajax, I just want to use server binding. I found a Server() when looking in intellisense, I tried using Server().Read("Action", "Controller") but the grid is always empty..

Is it possible to do it using the above server binding not the one passing the model when loading the grid in Controller?

If it is, what am I missing?

Thank you and hoping that my question will be answered unlike those several threads that I created in the past that doesn't get answered at all.

Grid

asked on 09 Nov 2012

5 answers

115 views

Initialize PanelBar multiple times

Is it safe to initialize a panel bar multiple times? For example, could I do this?

$('#panelBar').kendoPanelBar();

// ... later after dom update ...

$('#panelBar'

).kendoPanelBar();

PanelBar

answered on 09 Nov 2012

2 answers

420 views

grid icons not displaying and also grid functionality not working

Hello,

I am having some issues with the kendo Grid.

1. icons in the grid are not displaying filter icons next to header and next prev icons in the pagination
2. grid basic functionality not working like sorting, grouping etc.

Regards,
Ravi

code:

@{Html.Kendo().Grid((List<BNYM.EnSIS.Pricing.Contract.VendorPricingGridResponse>)ViewData["PricingGrid"])
.Name("PricingGrid")
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(25)
.Batch(true)
.ServerOperation(true)
.Model(q => q.Id(m => m.ProductID))
.Model(q => q.Id(m => m.CurrencyCode))

)

.Columns(columns =>

{
columns.Bound(m => m.Category).Title("Category").Width(90);
columns.Bound(m => m.ProductID).Title("ProductID").Width(140);
columns.Bound(m => m.CurrencyCode).Title("USD").Width(50);
})

.Resizable(resizing => resizing.Columns(true))
.Scrollable(scrolling => scrolling.Enabled(true).Height(600))
.Sortable(sorting => sorting.Enabled(true))
.Groupable(grouping => grouping.Enabled(true))
.Filterable(filtering => filtering.Enabled(true))
.Reorderable(reorder => reorder.Columns(true))
.Pageable(Pageable => Pageable.Enabled(true).PreviousNext(true).Input(true).PageSizes(true).Refresh(true))
.RowAction(row => row.HtmlAttributes.Add("data-id", row.DataItem.ProductID))
.RowAction(row => row.HtmlAttributes.Add("data-id", row.DataItem.CurrencyCode))
.Selectable(s => s.Mode(GridSelectionMode.Single).Enabled(true))

　
.Render();

}

Grid