Questions on UI for ASP.NET MVC Forum

0 answers

117 views

hi,
i have an issue about uploading file using kendoWindow.
The content is loaded from a partial view, and since the form contains an input[type=file] element, its 'enctype' attribute should be 'multipart/form-data', so it can't be an ajax form, just be a basic html form. The issue is that when i submit the form, the whole page is replaced with returned content from the handler function in related controller code. How to make the page stayed not replaced & refreshed partly?
thanks for replying.

Window

asked on 27 Oct 2012

1 answer

232 views

Kendo UI editor support for the inserting Image / Video

I am looking for the clarification for the below questions for Web version on KendoUI.

1.> Drag and drop of Image is supported in the Web Kendo UI Editor control?

2.> Web Kendo UI Editor control support for inserting Image and Videos.

3.> Web Kendo UI Editor control support on PAD browser?

help us to clarify above questions.

Editor

answered on 26 Oct 2012

3 answers

2.6K+ views

Show Progress Spinner During Load / Refresh?

Hi,

I am using the kendo ui ASP.NET MVC Razor helper. Everything works great, except the progress spinner doesn't show during the initial grid load or during a refresh. This leads to a pretty poor user experience if it takes a few seconds for data to load.

Can I force the progress spinner to display during initial load / refresh somehow to provide a better user experience?

Here is how I have things setup:

@(Html.Kendo().Grid<Models.IndividualModel>()

.Name("IndividualsGrid")

.Columns(columns =>

{

columns.Bound(c => c.Id)

.ClientTemplate("<a href='/viewMember.aspx?MemberID=#=Id#'>View</a>")

.Width(45)

.Filterable(false)

.Groupable(false)

.Sortable(false)

.Title("");

columns.Bound(c => c.Id)

.ClientTemplate("<a href='/editMember.aspx?MemberID=#=Id#'>Edit</a>")

.Width(40)

.Filterable(false)

.Groupable(false)

.Sortable(false)

.Title("");

columns.Bound(c => c.FirstName);

columns.Bound(c => c.LastName);

columns.Bound(c => c.StreetAddress);

columns.Bound(c => c.City);

columns.Bound(c => c.Phone);

})

.Sortable()

.Scrollable()

.Filterable()

.Groupable()

.HtmlAttributes(new { style = "height: 600px" })

.ClientDetailTemplateId("HouseholdDetailTemplate")

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("IndividualSearchResults_AjaxBinding", "Church")

.Data("GetIndividualsSearchParameters"))

)

function GetIndividualsSearchParameters() {

var memberTypeFilters = $("#ddlMemberTypes").multiselect("getChecked").map(function () {

return this.value;

}).get();

var ageCategoryFilters = $("#ddlAgeCategories").multiselect("getChecked").map(function () {

return this.value;

}).get();

var genderFilters = $("#ddlGenders").multiselect("getChecked").map(function () {

return this.value;

}).get();

var nameToSearch = $('#txtbxSearchByName').val();

return {

nameToSearch: nameToSearch,

memberTypes: memberTypeFilters,

ageCategories: ageCategoryFilters,

genders: genderFilters

};

}

function BindGrid() {

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

grid.dataSource.read();

grid.refresh();

Grid

answered on 26 Oct 2012

0 answers

127 views

input box size issue

if you look at the attached image i have a problem with the size of the input boxes compared to the grid. they are soo big they cause stuff not to fit on the page. How can i change thier size?

Grid

asked on 26 Oct 2012

1 answer

147 views

add row

is there a way to add a row?

Grid

answered on 26 Oct 2012

1 answer

93 views

Asp.net mvc grid without data.

I was wondering if it was possible to have a grid that was empty that i could add multiple records on and then save those to the correct database table but not display what is already saved. I essentially want to be able to do a bulk add.

thanks.

Grid

answered on 26 Oct 2012

2 answers

194 views

inCell editing Grid, perform read(), after Save Changes

How to perform read action in inCell editing grid after Save Changes button is pressed. After data is saved to database I would like to perform Read action.

Is that possible & how? Where do I put the code?

I have the newest version of Kendo UI, note that I use helpers (MVC wrappers).

Grid

answered on 26 Oct 2012

1 answer

518 views

Command column visibility

Hi

I have a requirement where a command column (delete) needs to be visible for a row only if a column value in the row meets certain criteria.
.Columns(columns =>
{
columns.Bound(o => o.PitID).Visible(false);
columns.Bound(o => o.VersionID).Width(50);
columns.Bound(o => o.VersionNote);
columns.Bound(o => o.ReleasedBy);
columns.Bound(o => o.ReleasedDateDisplay);
columns.Bound(o => o.Deletable).Visible(false);
columns.Command(command => command.Custom("Select").Click("showIssue")).Width(100).Title("Select");
columns.Command(command => command.Custom("Delete").Click("Delete")).Width(100).Title("Delete");
}).

The delete command needs to visible only if Deleteable is true.

thanks

Grid

answered on 26 Oct 2012

1 answer

105 views

Edit event only fires once?

I have a problem where I need to have the foreign key dropdowns disabled while editing. I have used the default Event for edit but it only seem to fire once.

.Events(e => e.Edit("edit"));

Like this.

function edit(args) {
var insertMode = args.model.isNew();
if (insertMode == false) {

var dropdownlist = $("#KeyFigureId").data("kendoDropDownList");
dropdownlist.enable(false);

var dropdownlisttwo = $("#DimensionOneId").data("kendoDropDownList");
dropdownlisttwo.enable(false);

var dropdownlist3 = $("#DimensionTwoId").data("kendoDropDownList");
dropdownlist3.enable(false);

var dropdownlist4 = $("#DimensionThreeId").data("kendoDropDownList");
dropdownlist4.enable(false);

}
}

Any chance we could get a separate template for Insert and Edit in the future? (also asked in the webinar).

Grid

answered on 26 Oct 2012

1 answer

493 views

Decimal digit problem?

I want to display a decimal number with 2 decimals. The value is 1.3 but the numeric textbox is showing 130.00. By setting a swedish culture I would expect it to show 1,30 but even if I set en-US as culture or no culture at all it shows 130.00. If I change it to a regular Html.TextBoxFor I get 1,3.

@Html.Kendo().NumericTextBoxFor(model => model.Zone.CostFactor).Format("n2").Culture("sv-SE").Decimals(2)

/Ola.

NumericTextBox

answered on 25 Oct 2012