Questions on UI for ASP.NET MVC Forum

1 answer

452 views

Hi,

I have one dropdownlist and one grid in my form.I fill grid from dropdownlist change event with script.I initialize the data from page load in the controller.I create dynamic grid with columns.In dropdownlist item support has diffrent column count and names think about like table.When I selected the item on dropdownlist the grid data will come but columns number will not change how can I change the columns from selected item?.I get the columns and data from controller.Data will come but columns will not come and change.And also the view page(.cshtml) not trigger when grid read the data.How can I solve this issue changing the columns selecting from dropdownlist

And my view page source codes is here.

Can any one help?

<div id="DropDown">

@(Html.Kendo().DropDownList()

.Name("DropDownList")

.HtmlAttributes(new { style = "width: 350px" })

.DataTextField("text")

.DataValueField("value")

.Filter("startswith")

.OptionLabel("--SELECT--")

.DataSource(source =>

{

source.Custom()

.Type("aspnetmvc-ajax")

.Transport(transport =>

{

transport.Read("CodesDropDownList", "GlobalSettings");

})

.Schema(schema =>

{

schema.Data("Data")

.Total("Total");

});

})

.Events(e =>

{

e.Change("onChange");

})

)

</div>

<div id="DynmicGrid">

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

.Name("grid")

.AutoBind(false)

.Columns(columns =>

{

foreach (DataColumn column in Model.Columns)

{

var c = columns.Bound(column.ColumnName);

c.Title(column.Caption);

}

})

.Pageable(pager => pager.Refresh(true))

.Sortable()

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

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

.Selectable(selectable =>

{

selectable.Mode(GridSelectionMode.Single);

selectable.Type(GridSelectionType.Row);

})

.Navigatable()

.DataSource(dataSource => dataSource

.Ajax()

.Model(model =>

{

var id = Model.PrimaryKey[0];

foreach (var keyColumn in Model.PrimaryKey)

{

var field = model.Field(keyColumn.ColumnName, keyColumn.DataType);

field.Editable(false);

}

model.Id(id.ColumnName);

})

.Read(read => read.Action("Read", "GlobalSettings").Data("additionalData"))

.Update(update => update.Action("UpdateRecordINGrid", "GlobalSettings"))

.Create(read => read.Action("CreateNewRowDataINGrid", "GlobalSettings").Data("additionalData"))

)

.Events(e =>

{

})

)

</div>

var ddlItem;

function onChange() {

ddlItem = this.value();

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

grid.dataSource.read();

}

function additionalData(e) {

return { item: ddlItem }

}

Grid

answered on 19 May 2015

1 answer

104 views

Tree View

I am using rad tree view in my project. Where i need to get all the child node details when i select the parent node alone without expanding for the first time.

i found in forum that GetItemByPath() (http://docs.telerik.com/devtools/wpf/controls/radtreeview/how-to/get-item-by-path.html) is the only option.

Please guide me on this..

Thanks in advance..

TreeView

answered on 19 May 2015

0 answers

102 views

Cascade dropdownlist in batch edit

Hi,

Is it possible to have cascaded dropdown list in batch edit? If yes, can you provide us a sample?

Thanks,

Grid

asked on 18 May 2015

1 answer

104 views

KendoGrid inside DojoxExpandoPane

I am using a grid that is inside a content pane for a single page application website. My problem is that once I put the grid inside the Dojo ExpandoPane with splitter:true for resizing capability, I lose the sticky column headers when I scroll down.

Here's the HTML I'm using for the grid inside the ExpandoPane... (grid-container is inside a BorderContainer)

And the css...

#grid-container {
padding: 0;
height: 40%;
}

#grid {
height: auto;
width: 100%;
display: inline-table;
}

And populating the grid...

$("#grid").kendoGrid({
columns: columns,
navigatable: true,
dataSource: results
});

I can get a grid that works as intended if I fix the grid height to 100% as shown below, but I lose the nice resize capability of the ExpandoPane, plus you have to scroll all the way to the right of the grid for the vertical scrollbar.

#grid {
height: 100%;
width: 100%;
display: inline-table;
}

So is there any way I can have the resize functionality while retaining the sticky column headers?

Grid

answered on 18 May 2015

3 answers

109 views

Send more data with the ImageBrowser read/thumbnail...

Hi,

I'm trying to implement an imagebrowser and I want to have one controller for several editors with imageBrowser. but I want to use different root in each one.

how can I make the "path" send a prefix with the file name?

or how can I send more data with the read request (or any other request the imageBrowser allow)?

Thanks

Editor

answered on 18 May 2015

6 answers

580 views

Sparkline chart in a grid column

I am trying to put a sparkline bullet chart in one column of my grid, and I can't figure out how to pass in the data that is currently in my grid. Do you have an example of using a sparkline in a grid in this manner?

Here is what I currently have. However, 1) I had to hardcode the data as an example, since I have not yet figured out how to pass in the data, and 2) it doesn't work, as it's complaining there is a runtime error of an Invalid template

@(Html.Kendo().Grid<LabResult>(Model.LabResults)

.Name("grLabResult")

.Pageable()

.Sortable(sorting => sorting.SortMode(GridSortMode.SingleColumn))

.Columns(columns => {

columns.Bound(a => a.Name);

columns.Bound(a => a.Value).ClientTemplate("#= Value # #= Unit #");

columns.Bound(a => a.Range);

columns.Bound(a => a.Unit).Visible(false);

columns.Bound(a => a.MaxValue).ClientTemplate(

Html.Kendo().Sparkline()

.Name("varSpark_#=LabResultId#")

.Type(SparklineType.Bullet)

.Series( series => series.Bullet(new double[]{70}))

.ValueAxis(axis => axis

.Numeric()

.Min(25)

.Max(75)

.PlotBands(bands =>

{

bands.Add().From(0).To(25).Color("#2890cc").Opacity(0.6);

bands.Add().From(25).To(75).Color("#2890cc").Opacity(0.8);

bands.Add().From(75).To(100).Color("#2890cc").Opacity(0.6);

})

)

.ToClientTemplate()

.ToHtmlString()

);

})

.DataSource(dataSource => dataSource

.Ajax()

.Model(model =>

{

model.Id(a => a.LabResultId);

})

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

.Sort(sorting => sorting.Add("Name"))

)

This was my attempt to pass in the data, which failed:

.Series( series => series.Bullet(new double[]{Double.Parse("#=Value#")}))

.ValueAxis(axis => axis

.Numeric()

.Min(Double.Parse("#=MinValue#"))

.Max(Double.Parse("#=MaxValue#"))

.PlotBands(bands =>

{

bands.Add().From(0).To(Double.Parse("#=MinValue#")).Color("#2890cc").Opacity(0.6);

bands.Add().From(Double.Parse("#=MinValue#")).To(Double.Parse("#=MaxValue#")).Color("#2890cc").Opacity(0.8);

bands.Add().From(Double.Parse("#=MaxValue#")).To(100).Color("#2890cc").Opacity(0.6);

})

)

Thanks for your help!

Grid

answered on 18 May 2015

1 answer

84 views

SplitView for MVC (not for mobile)

I am not looking for a mobile SplitView. I am looking for a mvc SplitView.

Please give me an idea how to do it? Thank you.

SplitView

answered on 18 May 2015

1 answer

313 views

Extend Agenda View to Display One Day at a Time

Is it possible to create a custom view that extends the agenda view to display only one day at time?

Scheduler

answered on 18 May 2015

1 answer

102 views

Dynamically created dynamic grids not refreshing

Hi,

I have a requirement for users to be able to select and add grids to a page without knowing the table schema beforehand.

I have a partial view to display a grid from any given data table using initial Server Binding with Ajax updates. When adding several of these grids to a view using Html.Action they work as expected.

However, when I add the above grids dynamically using an Ajax.BeginForm request the grids initially display correctly but any refreshes or page changes causes an error. The dynamically added grids are rendered differently (eg. missing data-role="grid") and they send HTTP GET requests instead of HTTP POST.

I've attached the Controller and Views I'm using for testing.

Grid

answered on 18 May 2015

1 answer

85 views

Grid Failing with Mono (GridEditMode.PopUp )

I have asked this question on Stackoverflow and got no answer. So hopefully I can get a bit more help in this forum.

When I add the following line to my Grid declaration:

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

I get the following error:

System.IO.FileNotFoundException

Could not load file or assembly 'System.Data.Entity, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089' or one of its dependencies.

This error goes away when I do not try and edit via PopUp.

Mono does not support `System.Data.Entity`, and because of this there is no where in my solution where I register that.

There is also no reference to that library in my `web.conf` file.

Can someone please help me resolve this problem?

Grid