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"
}