or
<
ul
id
=
"list"
data-template
=
"ul-template"
data-bind
=
"source: theView"
>
</
ul
>
<
script
id
=
"ul-template"
type
=
"text/x-kendo-template"
>
<
li
>
id: <
span
data-bind
=
"text: ID"
></
span
>
name: <
span
data-bind
=
"text: Name"
></
span
>
</
li
>
</
script
>
var
a = kendo.observable({
theList:
new
kendo.data.DataSource({
transport: {
read:
"/api/building"
},
change:
function
() {
a.theView =
this
.view();
kendo.bind($(
"#list"
), a);
},
schema: {
model: {
id:
"ID"
,
fields: {
ID: {
editable:
false
,
nullable:
false
},
Name: {
editable:
true
,
nullable:
true
}
}
}
}
}),
theView: {}
});
var
app = Sammy(
'#main'
,
function
() {
// define a 'get' route that will be triggered at '#/path'
this
.get(
'#/path'
,
function
() {
a.theList.read();
});
//default route, routes back to #/path
this
.get(
''
,
function
() {
this
.app.runRoute(
'get'
,
'#/path'
) });
});
$(document).ready(
function
() {
//starts sammy
app.run();
});
Hello,
I am trying to implement a scenario of swapping values between the list boxes using the drag & drop feature. A snap shot of what's to be done is displayed in the attachment "Task.jpg"
The Drag & Drop feature works perfectly fine in Firefox, but doesn’t works at all in Chrome & IE (7 & 8).
The key aspects here are:
To further provide you the details on the implementation, the created code is added to jsFiddle at the location http://jsfiddle.net/ravisingh/5B6mq/1/ . Also attached with the post are the images of Chrome & Firefox while debugging the issue.
Manoj Kapoor
dataSource: {
type:
"json"
,
transport: {
read:
'/Chargeability/SL_JSON'
}
},
sl_dd_d.dataSource.transport.read.data = { bu: value };
sl_dd_d.dataSource.sync();