Questions on Kendo UI for jQuery Forum

2 answers

171 views

MVVM update bind values of object and redraws UI elements of template

Hello,

I have selectedValue (complex object with 12-16array to which i form grid in template and other 30-35 values bound to numeric textbox) . Initially, the bind selectedValue ovject to template. When i set the object, ui gets generated, when i update the selectedValue , the whole UI gets repainted in View. It renders slow , is it made to redraw UI components again or only values in components should get updated only (no redraw) ?

MVVM

answered on 05 Feb 2019

1 answer

431 views

[Solved] Span Spacing in Button Text

We recently upgraded from release 2017.2.621.440 to release 2019.1.115.

Previously, the following code:

<button id='texCov_setEmpty' class='tcov-button'>1. Set All Adjustments to <span> No </span> Adjustment</button><br />

<button id='texCov_setPreferred' class='tcov-button'>2. Set All Adjustments to <span> Preferred </span> Adjustment</button><br />

<button id='texCov_setLowest' class='tcov-button'>3. Set All Adjustments to <span> Lowest Overlap </span></button>

.tcov-button > span {

font-weight: bold;

}

would display properly, but with the upgrade to the new release the leading/trailing spaces in the span are removed/ignored (see attached file).

Not a big deal - I fixed it by modifying the CSS:

.tcov-button > span {

font-weight: bold;

margin-left: 3px;

margin-right: 3px;

}

I was just wondering if I was doing something, or if an unintended change had occurred at some point?

Thanks, Gregg

Button

answered on 04 Feb 2019

6 answers

1.6K+ views

Composite DataKey in Kendo UI MVC?

I have a pretty basic data model that I'm trying to bind to a grid but I get stuck on the implementation on how to bind this specific object because it's primary key is a composite of two different columns. I'm using the Kendo UI MVC Beta at the moment. Any suggestions on how this is done? I haven't had much look searching so far.

My two columns I need for the Id are ContactNumber and ClientNumber. Below I have ContactNumber only so far.

Edit: Crap, I just noticed there are dedicated forums for the MVC version of Kendo UI. I don't suppose a moderator could move this for me?

@(Html.Kendo().Grid(Model)

.Name("Grid")

.Columns(columns =>

{

columns.AutoGenerate(true);

columns.Command(command =>

{

command.Edit();

command.Destroy();

});

})

.ToolBar(toolbar => toolbar.Create())

.Editable(editable => editable.Mode(GridEditMode.PopUp))

.DataSource(dataSource => dataSource

.Server()

.Model(model => model.Id(p => p.ContactNumber))

.Read(read => read.Action("Index", "ContactRep"))

.Update(update => update.Action("Edit", "ContactRep"))

.Create(update => update.Action("Create", "ContactRep"))

.Destroy(update => update.Action("Delete", "ContactRep")))

.Pageable()

.Sortable()

.Filterable()

.Groupable())

Grid

answered on 04 Feb 2019

2 answers

99 views

Expand node icon is reset on drag and drop of sibling node

Greetings,

In the current version (2019 Q1) the expand Icon of the treeview node is being reset, if another node is dropped above it. To reproduce this behaviour you can take the Drag and Drop demo of the treeview. In the inital state the "Furniture" node is expanded. If you take the "Decor" node and drop it above the furniture node, the "Furniture" node stays expanded but the icon changes to collapsed.

TreeView

answered on 04 Feb 2019

6 answers

2.3K+ views

Multiple columns for a single field

Hi,
I need a kendo grid with two columns for a single field, but with different editors:

                {
                    field: "VGNCode" // default text box editor
                },
                {
                    field: "VGNCode",
                    editor: codeDropDownEditor
                },

When i go into edit mode, both editors show up in both columns.
I expect the text box editor to show up in the first column and the dropdown list in the second column.

Is this a bug?
Is there a work-around?

I’m using Kendo UI v2016.3.1118 with AngularJS.

Thanks in advance!

Grid

answered on 01 Feb 2019

2 answers

116 views

[Solved] ngRepeat using non-value-primitive does not initialize selected value

In the example below there is an array of values displayed using an ng-repeat directive. They are all bound to drop down lists with a common data source. The valuePrimitive setting is false so a proper POJO is set to and bound to k-ng-model. However, when the drop downs are rendered the selected value is not displayed. The selected value is present as evidenced by the Selection output.

How can the value be displayed when it is not a primitive and it is pre-loaded (e.g. not selected by the user)?

https://dojo.telerik.com/EjEDoQAG

DropDownList

answered on 01 Feb 2019

3 answers

589 views

TreeList with dynamic columns

Hello

Is there a way to add/remove/edit TreeList columns dynamically? We need to allow the user to manipulate the columns and the data in them.

Thanks

TreeList

answered on 01 Feb 2019

1 answer

5.0K+ views

[Solved] Kendo Dropdown Display Text for value

Hi,

I created a select list in my controller and then returned it as Json for the dropdown

Controller:

/// <summary>

/// Prepare available cargo types

/// </summary>

/// <param name="items">Cargo Type items</param>

/// <param name="withSpecialDefaultItem">Whether to insert the first special item for the default value</param>

/// <param name="defaultItemText">Default item text; pass null to use default value of the default item text</param>

public virtual IList<SelectListItem> PrepareAvailableCargoTypes(IList<SelectListItem> items, bool withSpecialDefaultItem = true, string defaultItemText = null)

{

if (items == null)

throw new ArgumentNullException(nameof(items));

var selectListItems = new List<SelectListItem>()

{

new SelectListItem() { Value = "1", Text = "Dry Bulk" },

new SelectListItem() { Value = "2", Text = "Breakbulk" },

new SelectListItem() { Value = "3", Text = "Project" },

new SelectListItem() { Value = "4", Text = "FCL Container" },

new SelectListItem() { Value = "5", Text = "LCL Container" },

new SelectListItem() { Value = "6", Text = "Liquid Bulk" },

new SelectListItem() { Value = "7", Text = "RoRo" },

new SelectListItem() { Value = "8", Text = "Other" }

};

items = selectListItems;

return items;

}

public JsonResult GetAvailableCargoTypes()

{

var model = new CargoMasterModel();

return Json(PrepareAvailableCargoTypes(model.AddCargoDetailModel.AvailableCargoTypes, false));

}

Cshtml:

columns: [

{

field: "CargoType",

title: "Cargo Type",

width: 200,

editor: cargoTypeDropDownEditor,

//template: "#= #"

},

//and function

function cargoTypeDropDownEditor(container, options) {

$('<input required name="' + options.field + '"/>')

.appendTo(container)

.kendoDropDownList({

autoBind: false,

dataTextField: "Text",

dataValueField: "Value",

dataSource: {

serverFiltering: true,

dataValueField: "Value",

transport: {

read: {

type: "POST",

dataType: "json",

url: "@Html.Raw(Url.Action("GetAvailableCargoTypes", "CargoAdmin"))"

}

});

}

So far dropdown editor works great, but displays only the value. How can I make the grid display Text value of my select list based on value?

Grid

answered on 01 Feb 2019

4 answers

182 views

[Solved] Scss version connected to kendo version

Hi,

I saw that the Scss package has a different version than the kendo version. Is there a page where we see the connection between these 2?

What I mean is for example the @progress/kendo-theme-bootstrap@3.2.0 only work with versions starting from Kendo UI R1 2019

Or is it a guaranty that the latest version of the scss file works with any version of kendo?

General Discussions

answered on 01 Feb 2019

1 answer

195 views

Populate one spreadsheet worksheet with more than one data source

Hi there. I'm new to the spreadsheet component and was wondering the following. Am I able to take two javascript arrays (converted to json) and populate one starting in cell B2 and populate the other starting in cell J5, for example? I couldn't find a way to dictate the starting cell using 'datasource' and couldn't find a way to add multiple data sets into one worksheet. Thanks.

Spreadsheet

answered on 01 Feb 2019