Questions on Kendo UI for jQuery Forum

4 answers

434 views

Unique id in dynamically added control's event handler

Hi.

For some reason I'm really struggling to pass a unique identifier to a function declared in the Change event of dynamically added sliders. After (document).ready I am pulling in a JSON object and parsing it to create panalbars (as well as other controls) based on data in the object. That all works fine, but when I dynamically create the slider and set the function I want to trigger on the Change event, any variable I set is shared between all the sliders (eventhough the values were unique at the time I initiated each slider in code) and I can't figure out how to reference the sender from the event function to reference a unique id.

In other words, what I am trying to do is dynamically create sliders with ids A, B, C.... that have their change events pointing to the same function that can not only pick up the unique value change per panelbar (e.value) but also capture the slider's unique id.

Can someone provide guidance please? I've been working on this problem much longer than I care to admit.

Thanks,
Mike

EDIT: sorry, I posted this to the wrong forum. I don't know how to move or delete posts.

Slider

answered on 05 Jul 2012

3 answers

73 views

Kendo UI Summer 2012 Release Keynote

I signed up and registered for this event, but to date have not received an email with a link how to get to the webinar.

Could someone supply me the link?

General Discussions

answered on 05 Jul 2012

8 answers

1.1K+ views

Grid with rowTemplate with input type not working properly

I'm using a rowTemplate on a kendo grid in version 2012.1.322 that contains an input element of type text (happens with number type as well) but when I interact with the control for a particular row it is not displaying and binding properly.

JsFiddle: http://jsfiddle.net/7nB4v/4/

Steps:
-> launch grid
-> click on a rows age column and modify the input value
-> click off to the control (do not click the column)
-> notice the input is updated but the total is not updated and if you look at the dataSource.data for the record updated it will not show the change
-> now click on the column to the right of the input box
-> the control is converted to a kendo control
-> enter a value
-> click off of the control
-> the total is updated and the control does not appear as an input control anymore

I've also tried this in 2012.1.515 with the same results.

Anyone know if this is the expected behavior? I'm assuming a template is used for custom row for display as well as edit mode. Workarounds/hacks/solutions welcome :)

Thanks,
Chris

Grid

answered on 05 Jul 2012

0 answers

132 views

Opening a file from a folder

Hello,

I have an application which stores various files. I have created a TreeView similar to that in the Demo. The problem that I'm having is that I can't figure out how to link the files that I have on the server with the files that I have created in the TreeView. Ultimately I would like to open the containing files stored in the folders from this TreeView.

Your help would be gratefully appreciated.

TreeView

asked on 05 Jul 2012

0 answers

80 views

Check validation of entire DataSource

Before persisting data, I would like to run all validations defined in a DataSource. Is this possible?

Data Source

asked on 05 Jul 2012

1 answer

100 views

Custom Window Header

Window

answered on 05 Jul 2012

1 answer

115 views

Authentification when working with web service.

To get data from remote web-service for my grid I have to login and get sessionID.
Ok I can pass this sessionID

read: {

url: someurl,

data: {

action: "GetList",

sessionID: Auth.sessionID,

},

type: "POST",

},

The problem is that this sessionID have rather short lifetime. In other words it can expire while a user work with my grid.
So I have to relogin sometimes(if web-servers tells me "session is expired").

Is there an elegant way to intercept such auth error from my server and resend failed call?

Grid

answered on 05 Jul 2012

3 answers

305 views

[Solved] Select in Grid bug?

Are other people noticing this:

I have a Grid with selectable:"multiple, row", and pageable set to true. When there are multiple pages, the selections that I made on page 1, will disapear (no longer be highlighted in blue) when I switch to page 2, and then back to page 1.

However, this is only a visual bug. calling .clearSelections() or .select() with no parameters will still find all the ones that are selected.

In addition. Let's say that I have 300 rows, at 30 items per row. If do a:

grid.select(grid.tbody.find(">tr[data-uid]"));

console.debug("Selected all " + grid.select().length);

then I see that 300 items were selected. But visually on the items on the page that is displaying will get the blue highlight. None of the other pages visually show that they are selected.

Grid

answered on 05 Jul 2012

3 answers

461 views

JSON Data Binding Problem

Hi,

Just sampling your UI and it seems to be just what I am after. I have tried as the first project to use a combo box. Firstly I got the box working using your example on my site, now I am trying to bind a JSON data source to it.

the box initializes OK, but the values are filled with "undefined".

The code used to start the box is as follows:

<script type="text/javascript">

$(document).ready(function() {

$("#titles").kendoComboBox({

index: 0,

dataTextField: "name",

dataValueField: "value",

filter: "q",

dataSource: {

type: "json",

serverFiltering: true,

serverPaging: true,

pageSize: 20,

transport: {

read: "http://www.xxxxxxxxxx.net/kendo_getjson5.php"

}

});

</script>

The data being returned by the script is as below. i am not sure what the top level element in the JSON should be>? I set it to dataSource? Maybe this is the problem?

Also my script accepts a query string with q= , so the filter should be set to q?

Also its not reading cross domain, its all on the same domain, so json is the correct type?

{"dataSource":[ {"value":"1366","name":"TAD1341GE "},{"value":"1367","name":"TAD1342GE "},{"value":"1368","name":"TAD1343GE "},{"value":"1369","name":"TAD1344GE "},{"value":"1370","name":"TAD1345GE "},{"value":"943","name":"TAD1640GE "},{"value":"944","name":"TAD1641GE "},{"value":"945","name":"TAD1642GE "},{"value":"1254","name":"TAD531GE "},{"value":"1255","name":"TAD532GE "}]}

Regards and TIA

Charlie

I have checked my datasournce with JSONLint to make sure its valid.

Data Source

answered on 04 Jul 2012

4 answers

191 views

DropDownList in Grid Editor completes with value and not text

Hi,

I am trying to add a new row to a grid using the inline editor. One of the columns is a drop down list. I think it is setup properly. When the drop down list control loses focus, the cell reverts from the text value to the option value. How do you structure the drop down list to keep the text and not replace the cell with the value?

function vendorDropDownEditor(container, options) {

$('<input data-text-field="name" data-value-field="id" data-bind="value:' + options.field + '"/>')

.appendTo(container)

.kendoDropDownList({

dataTextField: "name",

dataValueField: "id",

autoBind: false,

dataSource:

[{"id":1,"name":"aaa"},{"id":2,"name":"bbb"},{"id":3,"name":"ccc"},{"id":4,"name":"ddd"},{"id":5,"name":"eee"},{"id":6,"name":"fff"}]

});

}

Any tips on why the drop down leaves the value behind and not the text much appreciated.

DropDownList

answered on 04 Jul 2012