or
{ "RowSet": {
"Key": "7256bd2d-879f-494b-a7c0-f0d6ed2eba84",
"Rows": [
{ "RowNum": 1, "Name": "Fred", "Value": 123 },
{ "RowNum": 2, "Name": "Mary", "Value": 323 },
{ "RowNum": 3, "Name": "John", "Value": 732 },
{ "RowNum": 4, "Name": "Sue", "Value": 895 }
]
}
}
schema: {
data: "RowSet.Rows",
model: {
id: "RowNum",
fields: {
Key: { editable: false, type: "string", path="..\Key" or path="this.parent().Key" }
RowNum: { editable: false, type: "number" },
Name: { editable: true, type: "string" },
Value: { editable: true, type: "number" },
}
}
$("#customer").kendoAutoComplete({
minLength: 2,
dataTextField: "CustomerId",
animation: {
open: {
effects: "fadeIn",
duration: 300,
show: true
}
},
filter: "contains",
change: onChange,
select: onSelect,
placeholder: "Search.....",
template: '<
div
><
div
class
=
"arrow"
></
div
>' +
// '<
span
>#=FirstName# #=LastName#</
span
> <
span
>#=CustomerId#</
span
>'
'<
span
>#=FirstName# #=LastName#</
span
>'
+
'</
div
>',
dataSource: {
serverFiltering: true,
transport: {
read: {
url: "/API/Customer/Get",
dataType: "json",
data: function () {
return {
data: $("#customer").data("kendoAutoComplete").value()
};
}
}
}
}
});
function onSelect(e) {
console.log("on select");
var autocomplete = $("#customer").data("kendoAutoComplete");
var value = autocomplete.value();
doMyFunctionForSelect(value);//maybe its to soon to be calling this
}
function onChange(e) {
console.log("on change");
console.log(e);
var autocomplete = $("#customer").data("kendoAutoComplete");
var value = autocomplete.value();
if (value.length > 0) {
var last = e.sender._last;
if (last == 13) {
doMyFunctionForFormSubmit();
}
}
}
Anyone else seeing this behavior? This is really becoming a show stopper for us.
<script type="text/javascript">
$().ready(function() { function startChange() { var startDate = start.value(); if (startDate) { startDate = new Date(startDate); startDate.setDate(startDate.getDate() + 1); end.min(startDate); } } function endChange() { var endDate = end.value(); if (endDate) { endDate = new Date(endDate); endDate.setDate(endDate.getDate() - 1); start.max(endDate); } } var start = $("#valid_from").width(200).kendoDatePicker({ change: startChange, format: "dd-MM-yyyy" }).data("kendoDatePicker"); var end = $("#valid_to").width(200).kendoDatePicker({ change: endChange, format: "dd-MM-yyyy" }).data("kendoDatePicker"); start.max(end.value()); end.min(start.value()); });
</script>
<form action="xxx" method="post">and when I submit the form the valid_from and valid_to is missing in the POST<input type="hidden" name="request_id" value="9" /> <input type="hidden" name="product_id" value="19" /><table>
<tr> <td><strong>Valid From</strong></td> <td> : <input type="text" name="valid_from" value="21-02-2012" id="valid_from" readonly="readonly" maxlength="20" size="20" /> </td> <td><strong>Valid To</strong></td> <td> : <input type="text" name="valid_to" value="21-02-2012" id="valid_to" readonly="readonly" maxlength="20" size="20" /> </td></tr>
<tr> <td colspan="3"> <input type="submit" name="btnSave" value="Save" /> <input type="button" id="btnBack" value="Back" onclick="window.history.back()" /></td> </tr> </table> </form>
array(6) {
["request_id"]=>
string(1) "9"
["product_id"]=>
string(2) "19"
["btnSave"]=>
string(4) "Save"
}