Questions on Kendo UI for jQuery Forum

1 answer

408 views

Cascading DropDownList In InCell Editable Grid Not Displaying Selected Value

I have an InCell editable (updating in BATCH) grid with several columns and 2 columns showing as dropdown lists. the 2nd dropdown list is cascading from the first dropdown list. I finally have the 2nd dropdown list working properly except that once I select the value and move to the next row in the grid, the selected value is disappearing. I found an example from Telerik where this is working but for some reason, it's not working in my solution. Here's my code:

ViewModel(s):

<p>public class ForeignKeyViewModel {

public IEnumerable<DefectGroupDropdownViewModel> DefectGroups { get; set; }

public IEnumerable<ScrapReasonDropdownViewModel> ScrapReasons { get; set; }

}</p><p></p><br><p>public class SingleScrapJobViewModel {

public string CoilId { get; set; }

[Display(Name="Activity Date")]

[DisplayFormat(DataFormatString = "g")]

public DateTime ActivityDate { get; set; }

[Display(Name = "Date Scrapped", Description = "Date coil was actually scrapped.")]

[DisplayFormat(DataFormatString = "g")]

public DateTime DateScrapped { get; set; }

public string LineTypeCode { get; set; }

public int LineTypeId { get; set; }

public int QuantityTypeId { get; set; }

[Required]

public int TeamId { get; set; }

public decimal EntryWeight { get; set; }

public decimal EntryWidth { get; set; }

[UIHint("DefectGroupId")]

[Required(ErrorMessage = "DefectGroupId is required")]

public int DefectGroupId { get; set; }

[UIHint("ScrapReasonId")]

[Required(ErrorMessage = "ScrapReasonId is required")]

public int ScrapReasonId { get; set; }

public decimal AmountScrapped { get; set; }

}</p>

View:

@model ForeignKeyViewModel@{ ViewBag.Title = "Scrapped Coils";

}<h2>Assign Scrap Reasons to Coils Scrapped on a Single Job</h2><br/><div class="container"><div class="row"> @(Html.Kendo().Grid<SingleScrapJobViewModel>()

.Name("ScrappedCoilsGrid")

.Columns(col => {

col.Bound(m => m.CoilId).Title("Coil Id");

col.Bound(m => m.LineTypeCode).Title("Process Code");

col.Bound(m => m.LineTypeId).Hidden(true);

col.Bound(m => m.EntryWeight).Title("Entry Weight");

col.Bound(m => m.AmountScrapped).Title("Amount Scrapped (Lbs)");

col.ForeignKey(k => k.DefectGroupId, Model.DefectGroups, "DefectGroupId", "DefectGroupName").Width(200).EditorTemplateName("DefectGroupId").Title("Category");

col.ForeignKey(k => k.ScrapReasonId, Model.ScrapReasons, "ScrapReasonId", "ScrapReasonName").Width(200).EditorTemplateName("ScrapReasonId").Title("Scrap Reason");

})

.Editable(e=>e.Mode(GridEditMode.InCell))

.ToolBar(toolbar => {

toolbar.Save();

})

.Sortable()

.NoRecords("There are no records to show.")

.Scrollable(scr => scr.Height(500))

.DataSource(ds => ds

.Ajax()

.Batch(true)

.PageSize(30)

.Events(e => e.Change("onChange"))

.ServerOperation(true)

.Model(m => {

m.Id(p => p.CoilId);

m.Field(f => f.CoilId).Editable(false);

m.Field(f => f.LineTypeCode).Editable(false);

//m.Field(f => f.DefectGroupId).DefaultValue(1);                       //m.Field(f => f.DefectGroup).DefaultValue(ViewData["DefaultDefectGroup"] as DropDownViewModel);                       //m.Field(f => f.ScrapReasonId);                       m.Field(f => f.EntryWeight).Editable(false);

//m.Field(f => f.AmountScrapped);                       m.Field(f => f.ActivityDate).Editable(false);

//m.Field(f => f.ScrapReason).DefaultValue(ViewData["DefaultScrapReason"] as DropDownViewModel);                   })

.Update(u=>u.Action("SaveSingleJobScrappedCoils", "ScrapAssignment"))

)) </div></div>

DefectGroupId EditorTemplate:

@model int@(Html.Kendo().DropDownListFor(m => m)

.AutoBind(false)

.OptionLabel("Select Category...")

.DataTextField("DefectGroupName")

.DataValueField("DefectGroupId")

.DataSource(dataSource => {

dataSource.Read(read => read.Action("GetDefectGroupsDropdownViewModelForGrid", "ScrapAssignment"))

.ServerFiltering(true);

})

)@Html.ValidationMessageFor(m => m)

ScrapReasonId EditorTemplate:

@model int@(Html.Kendo().DropDownListFor(m => m)

.AutoBind(false)

.OptionLabel("Select Scrap Reason...")

.DataTextField("ScrapReasonName")

.DataValueField("ScrapReasonId")

.DataSource(dataSource => {

dataSource.Read(read => read.Action("GetScrapReasonsDropdownViewModelForGrid", "ScrapAssignment").Data("filterScrapReasons"))

.ServerFiltering(true);

})

.CascadeFrom("DefectGroupId")

)@Html.ValidationMessageFor(m => m)

Javascript in View:

function onChange(e) {

if (e.action == "itemchange") {

if (e.field == "DefectGroupId") {

debugger;

var model = e.items[0];

model.set("ScrapReasonId", 0);

}

function filterScrapReasons() {

var model = getCurrentEditedModel();

return { defectGroupId: model.DefectGroupId };

}

function getCurrentEditedModel() {

var grid = $("#ScrappedCoilsGrid").data("kendoGrid");

var editRow = grid.tbody.find("tr:has(.k-edit-cell)");

var selectedItem = grid.dataItem(editRow);

debugger;

return grid.dataItem(editRow);

}

Been working on this for several days trying to get it to work. Any ideas on how to get that 2nd dropdownlist to behave properly?

Grid

answered on 14 Aug 2018

2 answers

280 views

Barcode compatible with PDF Export?

Hi,

My question is not specific to jQuery but to Kendo UI Barcode and PDF Export in general.

If I have an HTML page that contains some text and a Kendo UI Barcode (svg), will PDF Export correctly render the barcode?

Also, if I were to generate an HTML page with text, barcode, tables, etc... kind of like a big long report or reciept, will PDF Export automatically resize the content and add page breaks for me? For example, if you try to print this page using Acrobat it automatically adjusts the HTML to fit the paper size and automatically adds page breaks.

Thanks

Barcode

answered on 14 Aug 2018

3 answers

112 views

CRUD with endless scroll

I am trying to implement some crud operations in a mobile listview. I came across this code library: http://www.kendoui.com/code-library/mobile/listview/listview---mvvm-crud-operations.aspx

The problem I'm running into is I am using endless scroll in my listview, so the item that is clicked on to be edited is not always in the datasource of the listview. Are there any examples of CRUD operations with endless scroll enabled on the listview?

ListView (Mobile)

answered on 14 Aug 2018

2 answers

532 views

ListBox - Double click item

Hello,

I'm trying to get the dataTextField & dataValueField from double clicking on the ListBox.

I feel like this should be easy but i cant find anything in the documentation or on google.

So far i have this:

ListBox

answered on 14 Aug 2018

6 answers

470 views

incell edit mode for TreeList

The Grid has a very nice incell edit mode, where the cell becomes editable after clicking on it (demo). How can that be used in a TreeList?

TreeList

answered on 14 Aug 2018

1 answer

82 views

Events that dont fire thru API calls

Is there a place where I can check which events are not fired when making API calls?? I could find a note where you guys state this is a known issue.

Thanks in advance

MVVM

answered on 14 Aug 2018

12 answers

406 views

kendo ui datasource make several delete calls each time

when i click on delete first time i get error on delete when i click delete again i get 2 delete requests. the one i made first time and the one i made the second time. if i click the third time so i get 3 errors and so on

link to stackoverflow question(with code):

https://stackoverflow.com/questions/48561985/kendo-ui-datasource-make-several-delete-calls-each-time

Data Source

answered on 14 Aug 2018

5 answers

268 views

placing the viewport at the center of a shape

Hi!

I want my viewport to be centered to one of the shape inside the diagram. I already saw that post: https://www.telerik.com/forums/how-to-make-the-shape-to-the-viewport%27s-center , maybe i miss something, but when i do it like that my shape isn't at all at the center (see the attach picture).

i'm using these lines:

var newShapeBinded = diagram.addShape(new Shape(shapes[i]), false);

diagram.bringIntoView(newShapeBinded);

Which shapes[i] is a valid JSON Shape.

Thanks,
Samuel

Diagram