When a user clicks on the masked text box and there is no current value then the cursor should be at the beginning (left).
This does not happen. But you've had forum posts in the past and you told the poster that it should do this. I even see two bugs written for it: here and here. They both seem to indicate this is the expected behavior.
This doesn't work even in the online demos. Using a standard desktop with Chrome or using a touch screen device (Surface) I get the same behavior. The cursor goes wherever I clicked.
How can I force the cursor to always go to the far left?
Hi,
I'm working on Kendo Grid with Angular 1.7 with Typescript. So far, displaying dropdown list during edit (popup) mode is working as expected. I'm currently struggling with displaying text instead of bound value on grid column. The model of data source includes 2 properties: "Label" and "Id". I've tried to follow these examples:
1. https://demos.telerik.com/kendo-ui/grid/foreignkeycolumnbinding
2. https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.values
but with no luck. After "Update" button is clicked, the grid shows "Id" instead of "Label".
Here is my custom editor:
columnConfig.editor = (container, options) => {
$('<
input
required
data-text-field
=
"Label"
data-value-field
=
"Id"
data-bind
=
"value:' + options.field + '"
/> ')
.appendTo(container)
.kendoDropDownList({
autoBind: false,
dataTextField: "Label",
dataValueField: "Id",
dataSource: {
data: CustomPickListItems
}
});
};
How can I make the grid display "Label" but save "Id" to local data?
I'm working on an application that has 2 listviews.
This is how the application should work.
One listview has a list of products and the other listview is a selected-products. In the products listview should allow a user to drag products & sub products over to the selected-products listview.
I posted this question with the code sample on stackoverflow. Here is the link:
https://stackoverflow.com/questions/63241305/i-need-help-using-kendo-ui-for-jquery-i-need-to-be-able-to-drag-items-from-one
Can anyone here help me out?
Hi, I have defined a grid inside a tabstrip. Everything is fine with all the grids, but couple of them that started to display the header underneath the bottom. This does not happen on Edge. The rendered HTML shows the Header at the button of the grid content so I have the results displayed but the header isn't showing at the top. The web app is developed with .NET Core 2.2.
This is the grid code:
$("#priceChangeAnalysisGrid").kendoGrid({
dataSource: {
transport: {
read: priceChangeAnalysisUrl + "?priceListId=" + priceListId + "&thresholdValue=" + thresholdValue
},
pageSize: 10
},
sortable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 10
},
scrollable: false,
columns: [
{
field: "ProductCode",
title: "Merchant Product Code",
width: 200
}, {
field: "ProductDescription",
title: "Merchant Product Description",
attributes: {
style: "font",
style: "text-align: left;"
}
}, {
field: "UnitOfMeasure",
title: "Unit of Measure",
attributes: {
style: "font",
style: "text-align: let;"
},
width: 200
}, {
field: "Change",
title: "Change",
width: 450
}, {
field: "ExistingUnitPrice",
title: "Existing Price",
attributes: {
style: "text-align: right;"
},
width: 100
}, {
field: "StartDate",
title: "Start date",
attributes: {
style: "text-align: right;"
},
width: 100
},{
field: "NewUnitPrice",
title: "New Price",
attributes: {
style: "text-align: right;"
},
width: 100
}, {
field: "PriceChangeUnits",
title: "Price change",
attributes: {
style: "text-align: right;"
},
width: 100
}, {
field: "PriceChangePercentage",
title: "% change",
attributes: {
style: "text-align: right;"
},
width: 100
}, {
field: "ManufacturerJustification",
title: "Justification Provided",
width: 150,
attributes: {
style: "font"
}
}, {
field: "ExcludeFromUpload",
title: "Excluded from upload",
width: 100,
template: "<
a
class
=
'btn btn-link colorBlue'
type
=
'button'
id
=
'button${PricingImportId}'
onclick
=
'onExcludeFromUploadPrice("" + "excludedFromUploadPriceAnalysis" + "", "" + "@excludeFromUploadUrl" + "", "" + "${PricingImportId}" + "")'
><
i
id
=
'excludedFromUploadPriceAnalysis" + "${PricingImportId}" + "'
class
=
'fa fa-toggle-off'
></
i
></
a
>",
attributes: {
style: "font",
style: "text-align: center;"
}
}
CSS:
#priceChangeAnalysisGrid .k-link {
color: black !important;
}
.hidden {
display: none;
}
.k-button.k-upload-button {
color: #fff;
background-color: #009639;
border-color: #009639;
}
What could it be happening here?
Thanks in advance
I use grid with params
columnMenu: true,
columns: [{
"title": "Docs",
"command": [
{
"name": "B24",
"click": func,
}
],
"locked": true,
"lockable": false,
"hidden": false,
},
{
"title": "title1",
"columns": [
{
"title": "title2"
....
....
....
]
And with tree header structure I do not see in columnMenu lock-unlock buttons.
How can do that they will be visible?
I use
@(Html.Kendo().DropDownList()
.Name("size")
.BindTo(new List<string>() {
"S - 6 3/4\"",
"M - 7 1/4\"",
"L - 7 1/8\"",
"XL - 7 5/8\""
})
.HtmlAttributes(new { style = "width: 100%" })
)
on Index page and it working
The same I use in dialog but unsuccesfully
Code of dialog:
<div id="popup_assignAnOrder" style="display: none; z-index: 10; background-color: white; position: absolute; left: 0; top: 0; width: 100%; height: 100%"></div>
<script>
function click_assignAnOrder() {
var grid = $("#grid").data("kendoGrid");
var data = {
selectedIds: Object.keys(grid._selectedIds)
};
$.ajax({
type: "post",
url: "/Grid/PopupAsignPrikazi",
data: data,
success: function (data) {
var dialog = document.getElementById("popup_assignAnOrder");
dialog.innerHTML = data;
$(dialog).show('fast');
action
[HttpPost]
public ActionResult PopupAsignPrikazi(string[] selectedIds)
{
ViewBag.Tip = _db.Prikazs.Select(p => new SelectListItem(){ Value = p.Tipp.Kod_tipp.ToString(), Text = p.Tipp.Tipp1 }).Distinct().ToList();
ViewBag.Osnovanie = _db.Prikazs.Select(p => p.Osnovanie).Distinct().ToList();
ViewBag.SelectedIds = selectedIds.Select(Int32.Parse);
return PartialView("~/Views/Home/_PopupAddPrikazi.cshtml");
}
when splitter moved to the right, Gantt's header's width was expanded,but The Width of Gantt's timeLine was not expanded.
I think your Gantt's timeLine's width is not Automatic calculated.
How can I solve this situation?