Questions on Kendo UI for jQuery Forum

2 answers

146 views

Cannot edit grid after deploy the project on server

Hello,

I have a gird, that works normally while I'm working locally, but when I deploy the code on a server I cannot edit anymore the grid.
If I'm looking with FireBug, for example, I see that the input for editing cell is not created. Does anyone know why this behavior?

I attached also a picture to illustrate this behavior.

Thank you!
This is my code:

@(Html.Kendo().Grid<BussinessUnitDto>()
.Name("FunctionsGrid")
.AutoBind(true)
.Scrollable()
.ToolBar(toolBar =>
{
toolBar.Create();
toolBar.Save();
})
.Editable(editable => editable.Mode(GridEditMode.InCell).DisplayDeleteConfirmation(false))
.DataSource(ds=>ds.Ajax().Batch(true).ServerOperation(false)
.Read("GetDeliveryUnits","DeliveryUnits")
.Create("Editing_Create", "DeliveryUnits")
.Update("Editing_Update", "DeliveryUnits")
.Destroy("Editing_Destroy", "DeliveryUnits")
.Model(model =>
{
model.Id(m => m.UnitID);
})
)
.Columns(c =>
{
c.Bound(e => e.UnitName);
c.Command(com => com.Destroy());
}
))

Grid

answered on 22 Oct 2014

1 answer

104 views

Multiselect values Not available in KendoGrid Create/Update

I have submitted this problem in Grid Forum but being Unsure whether it's a multiselect problem, I am also creating a thread in multiselect. Sorry, incase support feels it's a duplication.
-------

I am using UI for ASP.NET MVC Q2 2014.

In the attached project, I am using editor template "EventEditor". In this, I have 2 dropdown and 1 multiselect.

The dropdown is working correctly, however multiselect is NOT working. I
do NOT get values in the kendogrid Update/Create (Insert methof of
Events Controller). I just get count and the values in the list are
null. I tried using int (for Id) and also string but nothing worked
correctly.

I also have used .Data("Serialize") but no help..

Please solve my request at the earliest.

Thanks

MultiSelect

answered on 22 Oct 2014

1 answer

821 views

Programatically hide/showing tabs

Hi,

is it possible to programatically hide/show tabs in a Mobile TabStrip? For example, my header contains a TabStrip that has 10 tabsp, but based on a condition, I may only want 5 of those tabs visible. Also, depending on the condition, those 5 tabs may be any combination of the 10.

Thanks,
Kevin

TabStrip (Mobile)

answered on 21 Oct 2014

1 answer

212 views

[Solved] Virtual and Pager Jumping

If you configure the grid to enable virtual scrolling and have page numbers - it generally seems to work, except as you are scrolling down with the mouse scroll wheel, the page number will generally correctly highlight / change as you progress through the entire result set, BUT every so often the page number incorrectly jumps backwards, even though the data on screen is correctly moving forwards.. If you keep scrolling the page number will correct itself.. (tested on ie10/ff 32.03)

See amended version of one of your demos - http://dojo.telerik.com/oQOXO

Any tips on how to prevent this erratic jumping?

Note we want to have/leave the page number navigation - to help users that are used to previous page by page nav...

Cheers

Chris

Grid

answered on 21 Oct 2014

1 answer

187 views

UI doesn't update after update when using event template

The Scheduler typically updates the UI after successful updates. For example, when changing the "title" on an event, and update will be sent to the server, and the UI will change itself without talking to the server again.

However, if you use a custom "event-template", the update doesn't show in the UI until you force an update from the server.

Is there a way to get the UI to update the event-template without manually talking to the server again?

Scheduler

answered on 21 Oct 2014

2 answers

234 views

Connection Lines

Is it possible to change the style of lines between connection points to be smooth/spline as opposed to straight/stepped?

An example of the style i'm after can be seen here.

Diagram

answered on 21 Oct 2014

2 answers

95 views

[Solved] Row not returned after insert with WebAPI

When using inline editing in the Grid, all entries are added again for each new row I add. I've tracked this down and it seems to be caused by not returning the inserted row to the Grid, which is why the ID stays 0 and every row is treated as a new row each time.

I've tried to solve this, but even using the example from the docs, I can't get it to work.

My grid uses this WebAPI call to insert a row. How should I change it to return the row correctly, including the ID?

public HttpResponseMessage Post(Batch model)

{

HttpResponseMessage response;

if (ModelState.IsValid) {

service.Create(model.ReceiptLineURID, model);

DataSourceResult result = new DataSourceResult {

Data = new[] { model },

Total = 1

};

response = Request.CreateResponse(HttpStatusCode.Created, result);

response.Headers.Location = new Uri(Url.Link("DefaultApi", new { id = model.BatchNo }));

} else {

response = Request.CreateErrorResponse(HttpStatusCode.BadRequest, ModelState);

}

return response;

}

Grid

answered on 21 Oct 2014

1 answer

167 views

[Solved] Register Click Event to Grid Item

Hi there,

I would like to have a traffic light icon for every row of my grid. When the user clicks on the light an ajax request is triggered and the icon is updated.
However my problem is to register the event.

This is what I have:

@(Html.Kendo().Grid<CompanyViewModel>()

.Name("Companies")

.DataSource(source => source

.Ajax()

.Read(read => read.Action("_Index", "Company"))

.Events(events => events.Error("onError"))

)

.Columns(c => {

c.Bound(i => i.Lock)

.ClientTemplate("<span class='glyphicon glyphicon-lock lockable'></span>");

c.Bound(i => i.Name);

}

)

<script type="text/javascript">

$(function () {

$('.lockable').click(function (arg) {

alert('Hello World');

var grid = $('#Companies').data('kendoGrid');

var currentCompany = grid.dataItem($(this).closest("tr"));

// ajax call comes here with ID of currentCompany

});

I guess my jQuery Expression is called before the Grid is initialized.
But how is it done correctly?

Thanks for any help on that!

Chris

Grid

answered on 21 Oct 2014

3 answers

422 views

Optional detail template

It seems that the detail template functionality is activated by the presence of an event handler for the detailInit event. My scenario requires that some rows have a detail template while others do not. I can make the determination whether a detail template is needed from withing detailInit, but I don't know how to use this information to optional disable the use of the template. Is this possible?

Grid

answered on 21 Oct 2014

2 answers

373 views

[Solved] Using an Autocomplete control inside a custom popup editor for a Grid

I'm using a custom template for my grid's popup editor, so I can only display the fields that may be edited. In this template, I'd like to use an an auto complete input. I've got it 'working': the control is in the editor template and does what an auto complete should do.

However, the box won't fill from the existing Grid data, and it won't save when I save the changes. How can I make sure Kendo still uses it as a field for my model, but also as an auto complete control?

The grid:

01.@(Html.Kendo().Grid<Receipt>()

02. .Name("GridReceipts")

03. .Columns(columns => {

04. columns.Bound(o => o.Id);

05. columns.Bound(o => o.Supplier);

06. columns.Bound(o => o.Status);

07. columns.Command(c => {

08. c.Edit().Text(" ");

09. c.Destroy().Text(" ");

10. });

11. })

12. .DataSource(d => d