Questions on Kendo UI for jQuery Forum

2 answers

133 views

[Solved] Only request data the first time

I have added this code to try KendoAutoComple, but it only looks for data on the server the first time. What am I missing?

$('#autoCompletar').kendoAutoComplete({

minLength: 3,

dataTextField: 'Nome',

filter: 'contains',

dataSource: new kendo.data.DataSource({

transport: {

read: {

dataType: "json",

url: "/Home/PesquisarPessoas",

data: {

q: function () { return $('#autoCompletar').val(); },

limite: 10

}

})

});

AutoComplete

answered on 16 Dec 2011

2 answers

161 views

possible kendo.rednder() problem?

Hello,

It seems i might have ecnountered a possible problem with kendo.render() (the method suggested in "Batch CRUD Operations With Kendo UI DataSource" blog post for updating templates). I have several templates displaying the same data in different ways. In the DataSource, I defined a change method to update all the templates when the data is changes. The DataSource looked something like this:

folderListData = new kendo.data.DataSource({

data: folderList,

schema: { model:folderModel },

change: function() {

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

$(parents[i]).html(kendo.render(templates[i], this.view()));

}

});

So the change loops through the templates, and each template has a parent element where its supposed to be inserted too. But it didn't work. When the change ran, all the content defined in the templates simply disappeared (the parent elemets' content was repalced with nothing).
Altough when I rewrote it like this, it worked perfectly:

folderListData = new kendo.data.DataSource({

data: folderList,

schema: { model:folderModel },

change: function() {

var data = this.view();

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

$(parents[i]).html(templates[i](data));

}

});

So instead of the render(), i use the template function directly, and hand the data to it.
What could the problem be? Whats the real difference between the two?

(The framework is awesome by the way! Thank you!)

Regards,
Greg

Templates

answered on 16 Dec 2011

1 answer

151 views

Scrolling past the end of a ComboBox

One issue that users of our site will complain about is the behavior of long combo boxes.

When using the mouse wheel to scroll down in a combo box, once the end of the combo box is reached, the whole page will scroll. This would be ok, except that since a mouse event has been triggered outside of the combo box, the combo box disappears. As a result, it's very hard to select the last few items in a combo box, since it's difficult to scroll to them without overshooting the box and closing it.

Here's JS Fiddle. To reproduce the bug, just scroll to the bottom with the mousewheel. The page will scroll and the combo box closes.

http://jsfiddle.net/NDDkA/1/

Any ideas for resolving this? Thanks!

ComboBox

answered on 16 Dec 2011

1 answer

354 views

Dropdown inside a label-tag

Hi,

i'll try with my poor english :)

It is a problem to place a DropDown inside a label-tag?

<label

>

	<

strong>Title</strong

>

	<

select id="form-register-title" class="required title"></select

>

</

label>

The DropDown doesn't open when clicking, but only by clicking the label-text ("Title").
A workaround/bugfix is nice :)

Thank you!

/edit: The focus-event on the select element should trigger the DropDown open(dropdown)-event.
Cause it isnt possible to access the DropDown via tabulator.
A nice feature is to step up or down with the corresponding keys and select/activate with tab.

DropDownList

answered on 16 Dec 2011

1 answer

123 views

upload control on a mobile device’s browser

Can I use the upload control on a mobile device’s browser? My upload works fine on a desktop. But when I access the page on an Ipad, the file upload dialog does not open. Nothing happens when I click the select button.

Upload

answered on 16 Dec 2011

0 answers

80 views

Go to page when user need

if have 250 page and i need go to page 200 . How do?
please guide for me .

Grid

asked on 16 Dec 2011

1 answer

179 views

[Solved] Customize treeview to contain positioned dom nodes

Is it possible to customize the treeview to position additional DOM content to the far right of a tree node? We are hoping to use a "hover" state for the node to determine when to show/hide said DOM content.

See the attached screenshot. Note the two little icons to the right of the hovered tree node. This is what I'm talking about.

TreeView

answered on 15 Dec 2011

1 answer

104 views

virtual scrolling+ multiple expanded DetailRows = overflow with no Scrollbars

I have a grid with virtual scrolling enabled. When I expand multiple detail rows, I would expect the Grids Scrollbars to enable.
They are not.

Please Help... Thanks

Grid

answered on 15 Dec 2011

2 answers

183 views

[Solved] Division in an External template

Here's a snippitof the template

<td>\

<div class='line'>\

<div class='left_strong_label'>\

Total Fat\

<div class='holder'>\

#= TotalFat #g\

</div>\

<div class='right_light_label'>\

<div class='holder_strong'>\

#= 65 * TotalFat #%\

</div>\

</td>\

Ok sooo...how do I change

#= 65 * TotalFat #%



to be

#= 65 \ TotalFat #%\



Any attempt to add the slash denotes a newline...?



Thanks,

Steve

Templates

answered on 15 Dec 2011

0 answers

196 views

data format

I realise that the format of the Calendar is "month/day/year"

Is it possible to get day/month/year?

Calendar

asked on 15 Dec 2011