I have a Kendo UI Editor inside a Kendo UI Window. It works fine, but if you highlight some text the toolbar disappears and you can't format it. Clicking outside the editor and then back inside brings the toolbar back, but it will disappear once again if you try to select text. I do not have this issue if I move the editor outside the window. Is there something I'm missing, or is this a bug with the Editor inside a Window?
Here is my code:
@{ Html.Kendo().Window() .Name("dlgEmail") .Title("New Email") .Actions(actions => actions .Close() ) .Content(@<text> @using (Html.BeginForm("SendEmailWithAttachment", "Donor", FormMethod.Post, new { id = "frmEmail" })) { <p class="validateTips"> </p> <fieldset> <table> <tr> <td>To:</td> <td> @Html.Kendo().MultiSelectFor(m => m.EmailWithAttachment.ToEmail).Name("ddlTo").BindTo(Model.EmailSelectList).Placeholder("Select address(es)...") </td> </tr> <tr> <td>BCC (Optional):</td> <td> @Html.Kendo().TextBoxFor(m => m.EmailWithAttachment.BCC).Name("txtBCC").HtmlAttributes(new { style = "width: 200px;" }) </td> </tr> <tr> <td>Subject:</td> <td> @(Html.Kendo().TextBoxFor(m => m.EmailWithAttachment.Subject) .Name("txtSubject") .HtmlAttributes(new { style = "width: 200px;" })) </td> </tr> </table> <br /> @(Html.Kendo().EditorFor(m => m.EmailWithAttachment.Body) .Name("txtEmailBody") .Tag("div") .HtmlAttributes(new { style = "width: 450px; height: 200px;" }) .Tools(tools => tools .Clear() .Bold().Italic().Underline() .JustifyLeft().JustifyCenter().JustifyRight() .InsertUnorderedList().InsertOrderedList() .Outdent().Indent() .CreateLink().Unlink() .InsertImage() .ViewHtml() .FontName() .FontSize() .FontColor()) .Messages(messages => messages .InsertOrderedList("Insert numbered list") .InsertUnorderedList("Insert bulleted list")) .Events(events => events.Paste("onEditorPaste")) ) <input id="chkIncludeSignature" type="checkbox" /> <span>Include saved signature? (Signature defined in the My Profile tab.)</span> <br /> <br /> <div id="divAttachments"> <span>Attachments (Optional):</span> @(Html.Kendo().Upload() .Name("EmailAttachments") .HtmlAttributes(new { accept = ".png,.jpg,.gif,.xls,.xlsx,.doc,.docx,.pdf,.txt" }) ) </div> </fieldset> <div style="clear: both;"> <div style="float: right;"> <span id="lblEmailSendStatus"></span> <img id="imgEmailSendStatus" class="loading-invisible" src="~/Image/ajax-loader.gif" alt="" /> <input type="submit" id="btnEmailSave" class="k-button" value="Send" /> <span id="btnEmailCancel" class="k-button">Cancel</span> </div> </div> } </text>) .Modal(true) .Draggable() .Resizable() .Width(500) .Visible(false) .Render();}Here is the use case:
var data = [{name: "Joe", age:30}
, {name:"Tom", age:29}
, ....
];
and I have a grid on top of this data source, when user update single entry of it(say via input with ngModel),
say updated "Joe" to "Chris", I want to refresh a grid's row, I'm using refreshGrid to update the whole grid and reselect and refocus row/cell right now,
thought be something better there, Is there any method can refresh just one part of row, was using angular ui-grid before which handles
stale check of data can make specific cell update, is there any way can do row/cell update?
We are using it for mobile apps(Cordova on Android), it is quite slow to refresh a grid just for one value update.
Experiencing an odd issue with IE11 on windows 7 and windows 8.1 (as desktop program). Not an issue when I tested on Chrome (win7, win8, mac) or firefox (win 8).
Starting with the Basic Usage script for the validator from the KendoUI demos.
Add the <option></option> to the Start Time select options, this will allow the empty label to be the default when the drop down loads.
**NOTE: I can only reproduce this when using 'FullScreen' in the dojo, using the dojo side window, it does not have the issue.
Load the page and don't click anywhere else on the screen and click in the middle of the 'Start time' drop down to open the list. When the list expands the validation error for the field being required is now shown. The blur event for the validation appears to have been triggered. This is only happening in this one environment, so I don't feel this is the desired result.
I created an example at
http://runner.telerik.io/fullscreen/eBajU
It has multiple drop-downs. The problem that I am experiencing only happens the first time on any of the drop downs on the page. Once the blur event occurs for the first drop down when opening the drop down, the second dropdown will not have the same problem.
Any ideas would be appreciated.
Mark
Hi
I am trying to get RequireJS and kendo mobile to play nicely. I have followed the blog post : http://blogs.telerik.com/appbuilder/posts/14-03-27/structuring-hybrid-mobile-applications
And this works as a fine but i have one major challenge (documentation is slim on requireJS), I have tried to get a tabstrip working however hrefs simply do not work, - to activate templates in a similar fashion to the tabstrip demo project.
It can never find the template no matter what i call it.
I have attached a sample project.
I'm using autocomplete for editing column inside the Kendo grid. The idea is when users type barcode or scan barcode in the edit cell, autocomplete will give them list of items containing entered text.
The autocomplete works well when I type barcode by keuboard, but when I use the barcode scanner, it seem they can't detect the change and not call method in read action in server.
I also tried with change event of autocompete and call ajax to the same method in read action. But it said $("#PARTCODE").data("kendoAutoComplete") is undefined. The function is below.
Can you please let me know anyway to make autocomplete works with barcode scanner?
Thanks
function onPartCodeChange(e)
{
debugger;
$.ajax({
url: "@Url.Action("GetPartCodesFromPartAndSupplier", "Shared")",
data: { text: e.sender._old },
dataType: "json",
type: "POST",
async: true,
success: function (myData) {
debugger;
if(myData.length==0)
{
alert("No matching barcode found.");
}
else
{
$("#PARTCODE").data("kendoAutoComplete").dataSource.data(myData);
}
}
});
}
Does the Kendo Datasource and Grid support OData v4 functions? If so, I'm looking for an example of a kendo grid/datasource that's connected to an OData v4 function, particularly an unbound function with two or more parameters. I'm curious to know if I could map the row filter values to the parameters in the URL that OData functions require.
The term function is generic so just for clarity, the function I mean are the ones described here: http://www.asp.net/web-api/overview/odata-support-in-aspnet-web-api/odata-v4/odata-actions-and-functions
My use case is simple. I have an OData function that calls a stored procedure for the purpose of ad-hoc reporting. It works when I call it directly from the browser with http://localhost:333/odata/GetMyReport(parameter1='something', parameter2='something'). The problem I'd like to solve, is to get the grid with a row filter, i.e., "filterable: { mode: 'row' }", to generate the correct URL by preventing it from generating "?filter=..." and instead modifying the URL path by replacing the parameter values with what was entered in the filters.
Any ideas?