Questions on UI for ASP.NET MVC Forum

4 answers

524 views

DataSource Callbacks not Allowed in MVC?

I set up a simple grid like this using the Razor syntax:

@(Html.Kendo().Grid<VideoGames.Game>(Model)

.Name("theGrid")

.Columns(c =>

{

c.Bound(p => p.Name).Width(200);

c.Bound(p => p.Price).Format("{0:c}").Width(100);

c.Bound(p => p.Genre).Width(100);

c.Bound(p => p.ImageUrl).ClientTemplate("<img src='#= ImageUrl #' alt='' />").Width(150);

c.Command(cmd => { cmd.Edit(); });

})

.Editable(editable => editable.Mode(Kendo.Mvc.UI.GridEditMode.InCell))

.Pageable()

.ToolBar(c => c.Save())

.DataSource(d => d.Ajax()

.Model(m => m.Id(p => p.Name))

.Update(c => c.Action("UpdateGame", "Home")))

)

The problem is that the .Update(...) in the DataSource doesn't expose the callback that the underlying KendoUI does:

$("#theGrid").kendoGrid({

dataSource: {

data: data,

batch: true,

schema: {

model: {

id: "GameID",

fields: {

GameID: { editable: false, nullable: true },

Name: "Name",

Price: { type: "number" },

ReleaseDate: { type: "date" },

Genre: "Genre",

Rating: "Rating",

}

},

transport: {

update: {

url: "/home/updategame",

success: onUpdateSuccess,

error: onUpdateError

}

toolbar: [ "Save" ],

height: 400,

editable: true,

scrollable: true,

columns: [

{

field: "Name",

title: "Title"

},

{

field: "Price",

title: "Price",

format: '{0:c}'

},

{

field: "ReleaseDate",

title: "Rel Date",

template: '#= kendo.toString(ReleaseDate,"MM/dd/yyyy") #'

},

{

field: "Genre"

},

{

field: "Rating"

},

],

});

Since the transport.update (in the JavaScript) are passed through to the $.ajax handler, we can wire up to success and error, but can't via the MVC. We can do this after the fact, but it's not expected behavior. Can we get this added to future versions of the MVC package?

Grid

answered on 24 Sep 2013

8 answers

562 views

Adding telerik Reporting to Telerik MVC 4 Razor Project

Gents,

How do we add Telerik reporting to a MVC 4 razor Project, do we have to "WorkAround" using ASCX w /ASP.NET?

Thanks

General Discussions

answered on 24 Sep 2013

4 answers

392 views

How do I incorporate Telerik Reporting with KendoUi for MVC

I have a current asp.net website using Telerik Reporting and I want to migrate to a Kendo UI MVC solution but don't see any documentation on how it works with Reporting. Can someone point me in the right direction? Thanks.

General Discussions

answered on 24 Sep 2013

1 answer

351 views

Grid problem, change the labels of the buttons in the popup window

Hello,

I've made a command.Custom in my grid:

columns.Command(command =>

{

command.Custom("Details")

.Text("<i class=" + "icon-globe" + "></i> Details")

.SendDataKeys(true)

.Click("archiveAppliance")

.HtmlAttributes(new { @style = "width:100px" });

}).Width(110);

})

I also have a "add" button in the grid that opens a popup windo

w


.Editable(editable =>
 
                editable.DisplayDeleteConfirmation("Är du säker på att du vill ta bort detta Delområde?")
                .Mode(GridEditMode.PopUp)
                 
                .TemplateName("PartAreaEdit")
                .Window(w => w.Title("Detaljer"))
            )



H

ow can i change the labels on the buttons "update" and "cancel" in the popup window without making a command.edit() button and use the .Text()
.CancelText().UpdateText() which gives me another button that i don't want.

Thanks.

Grid

answered on 24 Sep 2013

6 answers

453 views

[Solved] Kendo Grid Server Popup Edit - Checkbox List

I am using a Kendo Grid in Server mode. I am using a popup editor for adding/editing records. The popup editor page has several text fields and checkbox list controls.

I am trying to use the checkboxlist control from mvccbl.com as below:

For examples see: http://mvccbl.com/Examples

@Html.CheckBoxListFor(x => x.PostedCities.CityIDs, // checkbox list name, 'PostedCities.CityIDs' in this case
x => x.AvailableCities, // List<City>()
x => x.Id, // City.Id
x => x.Name, // City.Name
x => x.SelectedCities) // List<City>() - should contain only cities to be selected

My requirement is that SelectedCities should be lazy loaded. So I am loading when the user clicks the Add/Edit button. Since there are several checkbox list controls on the editor page and all of them are required, so I am using data annotations [Required] on the posted values. The problem is that if user forgets to check a box in one list and tries to update, model validation fails and that causes the popup editor to reload the data and thereby user selections are lost.

Any ideas on how to fix this?

Thanks

Grid

answered on 24 Sep 2013

1 answer

129 views

[Solved] BUG: Multiple Sorting.

Hi,

I have a bug in my application but seems like I can reproduce this in your demo examples.

If you goto the Sorting example on the grid: http://demos.kendoui.com/web/grid/sorting.html

On the 2nd grid with Multiple column sorting supported, sort by Ship Country then Freight. click on page 4. Notice how the Freight is NOT sorted correctly.

Please advise,
Regards

Grid

answered on 24 Sep 2013

3 answers

554 views

[Solved] PanelBar Collapse does not remove the k-state-selected styling

Hello,

I have a panel bar with just one item. Once I have expanded it and then collapse it the highlight is still there. Using firebug I can see that the "k-state-selected" class is still applied. When I collapse I want it to go back to the original styling as if it was never expanded.

Please advise how I can accomplish this using the following example - preferable without having to manually remove the styling using Jquery as my implementation will be dynamic so I will not know what the IDs additionally I will have multiple panelbars on the page some of which may be open.

Thanks,
Carrie

@(Html.Kendo().PanelBar()

.Name("IntroPanelBar")

.Items(items =>

{

items.Add()

.Text("Getting Started")

.Content(@<text>

Just some random content

</text>);

})

)

PanelBar

answered on 23 Sep 2013

1 answer

191 views

Subgrid Binding Not Working

@(Html.Kendo().Grid<Zeus.Models.AnswerGroup>(Model.Groups)

.Name("Grid")

.Columns(columns =>

{

columns.Bound(p => p.Id);

columns.Bound(p => p.QuestionGroupName);

})

.Sortable()

.Pageable()

.ClientDetailTemplateId("detailTemplate")

.Events(e => e.DetailInit("onDetailInit"))

.Events(e => e.DataBound("dataBound"))

)

<script id="detailTemplate" type="text/kendo-tmpl">

@(Html.Kendo().Grid<Zeus.Models.AnswerDetail>()

.Name("answersGrid_#=Id#")

.AutoBind(false)

.DataSource(ds => ds

.Ajax()

.ServerOperation(false)).ToClientTemplate()

)

</script>

<script type="text/javascript" language="javascript">

function dataBound(e) {

this.expandRow(this.tbody.find("tr.k-master-row").first());

}

function onDetailInit(e) {

var grid = $("#answersGrid_" + e.data.Id).data("kendoGrid");

grid.dataSource.data(e.Groups.Answers);

}

</script>

Above is a set of code. Its not working. I'm not sure why, maybe there is something obvious. The grid shows up, but there is no child grid, and the columns are off by one.

Grid

answered on 23 Sep 2013

2 answers

263 views

[Solved] Title field populated via dropdownlist

As per the title, is it possible to have the title field populated via a DropDown in the popup editor rather than a text field?

I'm using razor to generate the scheduler.

Thanks.

Scheduler

answered on 23 Sep 2013

1 answer

111 views

Latest Kendo UI installer not installing the javascript cultures folder automatically

I had a project with a cultures folder in the javascript directory, did the latest upgrade (918?) and the cultures folder disappeared.

I need the cultures folder for the Australia based date stuff.

I noticed this with other release, just couldn't be bothered to make a post about it.

Thanks

General Discussions

answered on 20 Sep 2013