Questions on UI for ASP.NET MVC Forum

1 answer

1.4K+ views

Hello,
a small question:
I keep seeing this object DataSourceRequest,
this is specific to kendo library when using with grid or filtering?is there a link about this too?

Regards,
Daniel

Grid

answered on 21 Feb 2013

7 answers

227 views

Wrong style?

Hi,
I have a datepicker, textbox and one autocomplete box on my page. Textbox and autocomplete looks fine but the datepicker doesn't align correctly. Bug?
Looks the same in IE9 and FF17.

Regards,
Mattias

DatePicker

answered on 20 Feb 2013

3 answers

351 views

Text Box Size Ignored in Add/Edit Popup of Grid

I have a grid that is showing fields and one of them is a Name field that can be long. When adding and editing a record, I want the Name field to be a textbox that is 2 rows high.

I created a EditorTemplate that looks as follows:

@(Html.TextArea("Name", new{style="width:200px;height:30px;",row="2",cols="30"})

I placed this at the top of the Name field in the ViewModel:

[UIHint("SponsorNameMultilineText")]

I am now seeing a text box but it has too many lines in it - I want it to be shorter. How do I do that?

Grid

answered on 20 Feb 2013

1 answer

329 views

Child Row taking Parent Data

Hi,

I have a hierarchical grid with where the child is displaying data from the parent, I suspect its the way Im binding to the data.

Parent

@(Html.Kendo().Grid(Model.CVXElements) // Specify the type of the grid

.Name("Grid")

.Columns(columns =>

{

columns.Bound(p => p.ElementSeqNo).Title("Element ID").Width("100px").ClientTemplate(

Html.ActionLink("#= ElementSeqNo #", "PUSH", "ElementBuilder", new {url = "~/PagCC/EB_ElementAddEdit.aspx", ID = "#= ElementSeqNo #", cvxCode = Model.CVXCode  }, null).ToString());

columns.Bound(p => p.ElementName).Width("900px");

columns.Bound(p => p.ElementStatus).Width("100px");

columns.Bound(p => p.ElementActive).Title("Live").Width("100px");

columns.Bound(p => p.ParentElement).HtmlAttributes( new {@style= "display:none"}).HeaderHtmlAttributes(new { @style= "display:none;" });

})

.ClientDetailTemplateId("ParentElementTemplate")

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

.DataSource(dataSource => dataSource

.Ajax()

)

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

Child

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

@(Html.Kendo().Grid<ElementBuilder.Models.Elements>(Model.CVXElementParents)

.Name("ParentGrid")

.Columns(columns =>

{

columns.Bound(p => p.ElementSeqNo).Title("Element ID").Width("91px")

.ClientTemplate(

Html.ActionLink("#= ElementSeqNo #", "PUSH", "ElementBuilder", new {url = "~/PagCC/EB_ElementAddEdit.aspx", ID = "#= ElementSeqNo #"  }, null).ToString());

columns.Bound(p => p.ElementName).Width("910px");

columns.Bound(p => p.ElementStatus).Width("100px");

columns.Bound(p => p.ElementActive).Title("Live").Width("88px");

})

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("HierarchyBinding_ParentElements", "ElementBuilder", new { iElemSeqNo = "#=ElementSeqNo#" }))

)

.ToClientTemplate()

)

</script>

Both grids use the ElementSeqNo field to create a Hyperlink, however as stated, the child is taking the parent element data.

Any suggestions appreciated.

Regards
Ross

Grid

answered on 20 Feb 2013

5 answers

200 views

Popup editor - different templates for different actions

Hi,

I'm have a Grid of users (Ajax datasource) with CRUD commands.

Is it possible to specify different templates for each command (one template for create, one for edit etc....?

Regards

Grid

answered on 20 Feb 2013

2 answers

472 views

[Solved] How to disable only the checkbox of root folder in treeview

Hi,

We have a requirement in our application that the user should not check the Root node, we need to disable the checkbox of root node alone.
We are loading the treeview using Ajax Binding (Load on Demand).
Please help.!

Thanks,
Vidya

TreeView

answered on 20 Feb 2013

1 answer

144 views

Prevent localization of grid.

Hi,

I display time in my grid by using:

columns.Bound(p => p.StartDate).Format("{0:HH:mm}").Title("Tid");

When i change my timezone the time changes, how do i prevent this?

i use:

<script src="@Url.Content("~/Scripts/kendo/2012.3.1121/cultures/kendo.culture.sv-SE.min.js")"></script>

<script>

$(document).ready(function () {

//set culture of the Kendo UI

kendo.culture("sv-SE");

});

</script>

But it still changes when i change my timezone.

Grid

answered on 20 Feb 2013

1 answer

1.4K+ views

Passing additional data with the async upload

Hello Telerik Team,

I'd like to know if there's any way to pass in an extra parameter to my controller action when using async upload. Below is what the controller looks like.

public ActionResult Save(IEnumerable<HttpPostedFileBase> files, string uploadID)

{

}

One workaround I came up with is to use the route value below. The I can update the saveUrl property of the upload control to inject the correct uploadID before the upload begins.

@(Html.Kendo().Upload()

.Name("files")

.Async(a => a

.Save("Save", "Upload", new { uploadID = "XXX" })

.Remove("Remove", "Upload")

.AutoUpload(true)

)

If there's a proper solution to this, please advice. Thank you!

Upload

answered on 20 Feb 2013

0 answers

110 views

MVC Framework - Async File Upload

WOW!

I have written an async file upload in the past and I could not believe how easy you guys have made it to do async uploads. Unreal!

Try prying Kendo out my hands lol.

This framework is **awesome**.

Thank You!

General Discussions

asked on 19 Feb 2013

4 answers

738 views

[Solved] grid datasource type oData

Hello,
what type is oData,how is formated the data?and what other types can be for grid datasource?
can i see somewhere a description of all grid parameters what they does?

i used oData type,and get from the server with GetProductList mvc action in json format the data,and nothing is happening,the grid is not filled.
the grid definition is like that
$(document).ready(function () {
                    var grid = $("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: "/Controls/GetProductList"
                            },
                            pageSize: 15,
                            serverPaging: true,
                            serverSorting: true,
                            serverFiltering: true
                        },
                        toolbar: kendo.template($("#template").html()),
                        height: 450,
                        sortable: true,
                        pageable: true,
                        columns: [
                            { field: "ProductID", width: 100 },
                            { field: "ProductName", title: "Product Name" },
                            { field: "UnitPrice", title: "Unit Price", width: 100 },
                            { field: "QuantityPerUnit", title: "Quantity Per Unit" }
                        ]
                    });

Best Regards,
Daniel

Grid

answered on 19 Feb 2013