Questions on Kendo UI for jQuery Forum

1 answer

291 views

Iterating through all Kendo Windows on a page

Hi,

I hope this is something relatively simple to ask, I have looked around a little and couldn't find a decent enough resource to solve me problem.

I want to find all kendo windows on a given page without having to reference their id's. The purpose of this is that I am attempting to resize all kendo windows based on when the browser window resize event fires.

Whilst it could be possible to store an array of window id's I would prefer to not have to maintain that additional code.

Thank you in advance for any assistance you can provide.

Window

answered on 06 Jun 2014

6 answers

221 views

[Solved] Scroller repositioning problem after keyboard dismissed

I have a view with a textarea at the bottom. When I focus on the textarea the keyboard pops up and pushes the textarea up so you can see what you are typing in the input. The problem is when the keyboard is dismissed it doesn't reposition the scroller and leaves whitespace at the bottom where the keyboard was overlayed. Also if you try to scroll back to the top it to top appears to be cut off the same distance of the white space left at the bottom as if the whole slider has been shifted up by that amount. Is there a solution for this issue?

Scott

View

answered on 06 Jun 2014

3 answers

135 views

2 Kendo Grids on the same page each with a locked column?

When I try to put 2 kendo grids on the same page and they each have a locked column, I find that one of them the locked column disappears. Specifically the 2 divs of class k-grid-header-locked and k-grid-content-locked are missing. I'm wondering if this is a known issue?

thanks,
andy

Grid

answered on 06 Jun 2014

1 answer

253 views

kendo ui web - change view programmatically?

I am building an application using Kendo UI Web components for desktop and tablet browsers. And for mobile there will be separate code base.
Now I know that we can change/navigate views in Kendo.mobile.application using .navigate(viewname) as shown in this example.

Now if I develop the web application using MVVM architecture, how do I change views ??? If I use Kendo.mobile.application, the web components will render as mobile controls and won't look good on desktop and tablet browsers.

For desktop/tablet I want to use Kendo UI Web and for mobile Kendo mobile controls with MVVM architecture for all three platforms.

How do I change/navigate views in Kendo UI Web application ???or How do I completely adopt MVVM for Kendo UI Web and Kendo ui mobile both ???

MVVM

answered on 06 Jun 2014

9 answers

447 views

Source binding to the Menu Widget or other widgets

The Demo here:

http://demos.kendoui.com/web/mvvm/widgets.html

Shows how to bind to a number of widgets in the Kendo UI library. But I haven't had luck with some others including the menu. I've tried to convert the example here:

http://demos.kendoui.com/web/menu/index.html

To use the MVVM framework in the most straighforward manner. To be sure the KendoUI library was properly referenced, I put the MVVM test together with the non-MVVM method show in the demo. The result is that only the non-MVVM method works. The MVVM menu does not render (it shows up empty - just a thin horizontal line). There are no runtime errors or exceptions thrown.

HTML:

<body> 
    <ul id="menu">
    </ul>
    <br />
    <ul data-role="menu" data-bind="source: dataSource">
    </ul>
</body>

JavaSript:
$(document).ready(documentReady);

var viewModel = {
     dataSource: [
         {
             text: "Menu Item 1",
             items: [
                 { text: "Sub Menu Item 1" },
                 { text: "Sub Menu Item 2" }
             ]
         },
         { text: "Menu Item 2" }
     ]};

function documentReady() {
     $("#menu").kendoMenu(viewModel);
     kendo.bind($("body"), kendo.observable(viewModel));
}

MVVM

answered on 06 Jun 2014

2 answers

267 views

[Solved] Localization in MVVM

I'm trying to do localization for the upload widget using the bindings of the mvvm approach.

<input type="text" id="upload_field" data-role='upload' data-localization='{"select": local_select}' />

with local_select being a parameter from my observable object.

var uploadModel = new kendo.data.ObservableObject({
local_select:"Izberi..."
});

which is turn bound - var kendoView = kendo.bind($("#portal_content"), uploadModel);

The expected result is to the input itself showing the content from the object model but it throws an error (undefined) and crashes everything after it.
If I try using the #= # approach it crashes yet again with saying it's an illegal token. Finally I wrote a string data-localization='{"select": "Izberi..."}' and it works. It also works if I use any directly accessible js variable. Since I haven't had any significant problems binding any other values to other widgets so far (ok, there have been problems but mostly typos on my side :) ).

Is there something I'm doing wrong or does kendo have problems binding these values? I did at first thought that you don't have mvvm bindings so I created an extended widget out of upload.

kendo.data.binders.widget.localization.select = kendo.data.Binder.extend({
init: function (widget, bindings, options) {
//call the base constructor
kendo.data.Binder.fn.init.call(this, widget.element[0], bindings, options);
},
refresh: function () {
var that = this,
value = that.bindings["localization-select"].get(); //get the value from the View-Model
$(that.element).data("kendoRcgUpload").localization.select(value); //update the widget
}
});

But that hasn't worked out either. So I'm currently at a loss what else I could do - And I need to bind the value from the model since I need my code clean as a whistle :)

Upload

answered on 06 Jun 2014

4 answers

116 views

[Solved] Grid with Hierarchy - Newbie Question

Hello!

Please forgive my newbie question! There's so much information out there, I just don't know how to formulate my question exactly to find the right example.

I'd like to build a grid with a hierarchy, where the detail data would have the same columns as the master. What I'd like to avoid is having a separate grid show up in place of detail. I'd like the parent grid to add rows when detail is unfolded, or something similar to that, but still appear as one grid. Is it possible? Could you point me towards an example?

Thank you in advance!

Sergey

Grid

answered on 05 Jun 2014

2 answers

567 views

Hitting "Update" fires "create"

I have very basic grid using remote date from a MS CRM2013 REST endpoint. I currently try to use inline editing. So I have to click on edit to change row data. When I then change data and hit "Update" I expected that the "update" method is fired but instead "create" and I receive the error "Uncaught TypeError: Cannot read property 'call' of undefined" because I don't have "create" yet. So how can I prevent "Update" fire a "create"?

Grid

answered on 05 Jun 2014

1 answer

350 views

MaskedTextBox caret not properly set with fixed text

I have a MaskedTextBox with a prefix. I want the caret to be placed on the part after the prefix.

E.g. OH00________
^
\ -- Caret Here

But the caret actually appears here:

E.g. OH00________
^
\ -- Caret Here

How can I make the MaskedTextBox behave this way?

<li><label>State ID: <input class="k-textbox" name="state-id" maxlength="50" type="text" data-bind="value: stateId" pattern="OH00[0-9]{8}" validationMessage="Please enter a state ID in the form of OH0012345678"/></label> <span class="k-invalid-msg" data-for="state-id"></span></li>

$("input[name='state-id']").kendoMaskedTextBox({

mask: "OH0099999999"

});

MaskedTextBox

answered on 05 Jun 2014

3 answers

351 views

Recurrence Rule

Hello,

I use the recurrence rule from the ASP.NET AJAX Scheduler as shown in this jsFiddle http://jsbin.com/eqisip/23/edit

Why is the second appointment not shown?

Thanks,
Koen

Scheduler

answered on 05 Jun 2014