Questions on Kendo UI for jQuery Forum

2 answers

364 views

Configure the Kendo UI DataSource, so it would issue requests only for specific (displayed) fields?

In my instance, a Kendo UI grid is bound to a OData service. The service exposes a table with many (200+) fields. The app allows users to configure displayed field set of the Grid, set initial filters and sort parameters. The app configures the Grid, which then goes off and queries OData service.

The grid kendo.Data.DataSource is defined as:

var gridDataSource = new kendo.data.DataSource({
type: "odata",
transport: {
read: {
url: "@Url.Content(dynDataSource.Url)",
contentType: "application/json; charset=utf-8",
type: "GET",
dataType: "json"
}
},
pageSize: @Model.MaxPageSize,
serverPaging: true,
serverFiltering: true,
serverSorting: true,
filter: ...
}

Here's a sample request issued by the Grid (captured by Firebug):
http://localhost:22411/Data/Comp?%24inlinecount=allpages&%24top=1000&%24filter=DistrictCode+eq+%27460800%27

This returns all the fields of the table, which is a problem. The fields need to be limited by selecting only the required fields, the request for which would look like:
http://localhost:22411/Data/Comp?%24inlinecount=allpages&%24top=1000&%24filter=DistrictCode+eq+%27460800%27&%24select=DistrictCode,DistrictName,DistrictNumber

Again, how to configure the grid for this to happen?

Data Source

answered on 13 Jul 2012

5 answers

105 views

Tooltip isn't be read

Hello everyone

I have a little problem with my last column ´s tooltip; it isn´t be read.
I do not want that the scroll (horizontal) appears on the page;

I tried with the CSS property overflow-x: hidden for hide my scroll; but it is worse because now I don´t have chance to see it.

It could be that the tooltip appears to the left of the series?

Regards,
M.

General Discussions

answered on 13 Jul 2012

0 answers

82 views

Change filelist zone destination

Hi

Is it possible to change the destination ul (k-upload-files k-reset) of uploaded files?

Thanks

Upload

asked on 13 Jul 2012

1 answer

167 views

mssql datetime field in json

Hi, I have another question and probably stems from my not accurately reading the documentation. Json gives me a date in the form:

{"ab_Id":"3",
"pr_Nazwa":"Subiekt GT",
"ab_Klucz":"fjo3r-3reft-et3fo-3rtt3-fwef2",
"adr_NazwaPelna":"ABC s.c. Sklep spo\u017cywczy",
"ab_DataDo":{
             "date":"2012-04-04 00:00:00",
             "timezone_type":3,
             "timezone":"UTC"
},
"adr_NIP":"894-56-53-563"},

How do I appeal to the variable $ { ab_DataDo } in the template assumed value of the field "date". Currently, my schema looks like this:

schema: {
                    model: {
                        fields: {
                            ab_Id: { type: "number" },
                            pr_Nazwa: { type: "string" },
                            ab_Klucz: { type: "string" },
                            adr_NazwaPelna: { type: "string" },
                            ab_DataDo: { type: "date" },
                            adr_NIP: { type: "string" }
                        }
                    }
                },

The question is probably pretty damn trivial.

Regards/Pozdrawiam
Paweł Kasztelan

Grid

answered on 13 Jul 2012

1 answer

128 views

Grid remote data that is processed before display?

I want to create a grid where the data for the grid comes from a remote datasource but then is re-packaged by a javascript function after the data arrives but before it is displayed (repackaged means some rows are dropped and only some fields are displayed). The grid needs to show a loading gif (as per usual) while waiting for the remote datasource and javascript function to complete processing. What is the right way to set this up?

This sort of thing (below) for example doesn’t work, because the processData() function completes without waiting for the remote datasource to return its data, plus the grid isn’t aware it needs to invoke its loading.gif.

Grid

answered on 13 Jul 2012

0 answers

231 views

Kendo Window multi-level pop-up opening within parent pop-up

Scenario: We have a page on which there are multilevel kendo window opening in an iframe.
For eg:If i open a window,it might have child windows,ideally the child windows should open as a individual entity,but what is happening my case child pop-pup get's appended to parent pop-up thereby restricting the movement of pop-up inside the parent pop-up.
My requirement is that i require pop-up to take grid as parent and should open as individual entity, so that i can move the pop-up outside the parent pop-up window.

Kindly let me know if there is any way to handle my scenario.

Window

asked on 13 Jul 2012

1 answer

245 views

SplitView control nested in other views

Hi,

The SplitView control is very cool. Is there any plan in the future that allows SplitViews to be nested in another view (such as TabView)? All our requirements (and designs) are currently based on this (see attached screenshot for example). Alternatively is there another way that 2 views can be hosted on same screen in a master/detail fashion?

Thank you.

SplitView

answered on 13 Jul 2012

1 answer

747 views

CSS classes editor-field and editor-label in kendo.common.min.css

Hello,

I notice that kendo.common.min.css contains classes named "editor-field" and "editor-label" that conflict with ASP.NET MVC's scaffold-generated CSS classes. Was this an oversight or intentional?

General Discussions

answered on 13 Jul 2012

0 answers

111 views

Window Title bar icons not displayed properly

Hi,

I have a kendo Window, where the close, maximize , minimize icons are not getting displayed properly.
This occured when I made a change in the css(common.min.js and black.min.js), where I changed the k- components to a- components. I made the change in kendo.web.js and kendo.min.js. But everything works fine except for the icons for close, minimize, maximize and their respective functionality. Can anyone tell me where else would i need to make the respective changes.

General Discussions

asked on 13 Jul 2012

0 answers

97 views

Capturing Drag Events Dies in Browser

I'm implementing the kendo.drag component on the endless scroll. The idea is to auto-hide the nav bar and tab strip on scroll up and re-show on scroll down (Like some native apps are doing.)

This code seems to work pretty well on the phone but when I test in a browser the page won't scroll. I know the events are being fired when I add alerts but the page stays unscrollable. Any ideas?

Thanks.

function hideNavBarsOnScroll() {

var ggPosn = '0';

var log = '';

var drag = new kendo.Drag($('#endless-scrolling'), {

start: function (e) {

if (e.y) {

ggPosn = $('#endless-scrolling').offset().top;

}

},

move: function (e) {

if (e.y) {

if ($('#endless-scrolling').offset().top < ggPosn) {

if ($('#homeview header').is(':visible')) {

$('#homeview header').slideUp('slow');

$('#homeview .km-footer').attr('style', 'position:absolute;').animate({ 'bottom': '-' + $('#homeview .km-footer').height() + 'px' }, 'slow', function () { });

}

} else {

if ($('#endless-scrolling').offset().top > ggPosn) {

if ($('#homeview header').is(':visible') == false) {

$('#homeview header').slideDown('slow');