Questions on UI for ASP.NET MVC Forum

1 answer

717 views

How to change upload button text?

Idea is to translate Ui so I need to change upload button text.
Any idea?

My code:

$(document).ready(function () {

$("#_UploadedFiles").closest(".k-upload-button").find("span").text("bla bla");

});

Its work when I run code in Firebug.

Tomaz

Upload

answered on 14 Dec 2012

1 answer

157 views

How to specify custom editor inline for a column?

I want to display a custom dropdownlist for an editable column. I see raw query examples that set an editor property that calls some function but I couldn't figure out how to make this work with mvc. What other options do I have available that are inline within the same page as the grid?

Another example is for a lookup control. I want to display a readonly textbox with a ... button that will launch another modal lookup dialog.

I need a solution that is inline with the page and doesn't involve me customizing my business objects with uihints or adding partial pages just for a column editor.

Grid

answered on 14 Dec 2012

2 answers

145 views

How do I customize edit mode buttons?

1) I want to just display icons for the inline edit,delete, and cancel buttons
2) How can I display the toolbar on the bottom?
3) How can I customize the add button?

Grid

answered on 14 Dec 2012

1 answer

338 views

[Solved] Set selected items of list view on page load

Is it possible to set items as selected in a list view when the page loads?

ListView

answered on 14 Dec 2012

3 answers

187 views

'items per page' is not inclining with page numbers in listview

Hi All,

When page numbers are more in List view, "items per page" is displaying in next line. It is not inclining with the page numbers in the same row. How to resolve this issue?

Regards,
Partha.

ListView

answered on 14 Dec 2012

4 answers

813 views

Binding TreeView to a JSON-Result

Hello,

we are changing our application from Telerik Controls to Kendo UI. But changing the TreeView is a little bit difficult. I hope you can help me:

With Telerik we used the OnDataBinding- Event, called a controller-class and bound a json-result to our tree: tree.bindTo(jsonObject)
Well this isn't possible with KendoUI.

So I tried the DataSource-thing on our tree:

@(Html.Kendo().TreeView()

.Name("TreeView")

.DataTextField("Text")

.DataImageUrlField("ImageUrl")

.DataUrlField("Url")

.DataSource(dataSource => dataSource

.Read(read => read

.Action("GetTreeData", "Home")

)

.ExpandAll(true)

Without all these DataTextField, DataImage.. stuff nothing worked so after hours I found out that I need them (there has to be a better documentation... please). But: How can I add ChildElements? With hasChildren (as a Property on the Json-Object) Ithe TreeView knows that there are children but I also wanna show them after binding (.ExpandAll(true).... <-- wanna use it!)

I really hope you can help me. I want to bind the complete tree-structure at once. No Load on demand. Is there any solution for doing that?

And if I have my complete tree... how am I able to rebind it? We need to refresh the tree very often, so I hope you can show me a possibility to do that.

Thank you very much!
Mathias

TreeView

answered on 13 Dec 2012

1 answer

428 views

DatePicker not showing up

I have a column bound to a nullable datetime on my entity framework object. I have my formatting set to yyyy-MM-dd. The grid renders properly.

But when I click to edit, all I get is a textbox, and the textbox has changed the formatting of the date from

2013-03-20
to
Wed Mar 20 00:00:00 EDT 2013.

And worse, without even actually editting that date, I can't save anymore as I get a date format validation error.

I've tried various things getting ideas from other posts. Right now what I have:

columns.Bound(p => p.SaleDate).Format("{0:yyyy-MM-dd}").EditorTemplateName("saleDatePicker");

then I also have

<script type="text/x-kendo-template" id="saleDatePicker" >

@(Html.Kendo().DatePicker().Name("SaleDatePicker"))

</script>

For a datepicker, should I even be doing anything or should it be automatic?

Grid

answered on 13 Dec 2012

6 answers

2.6K+ views

Date Only in In-line Edit with DateTime

I have a declared DateTime field in my model. In a Grid, while in "Edit" mode for a row, Kendo uses a DateTimePicker EditTemplate by default. I want the Date EditTemplate to be used as the time is ignored. How do I tell Kendo which Date picker to use?

Original Column:

columns.Bound(e => e.WeekStart).Format("{0:yyyy-MM-dd}");

Tried adding .Date to return only date, but in edit mode the Date + Time picker is still used:

columns.Bound(e => e.WeekStart.Date).Format("{0:yyyy-MM-dd}");

Thanks.

Grid

answered on 13 Dec 2012

1 answer

529 views

Window Success or Render Complete event

Hi, I have kendowindow working great, except I need to run jquery events after the window has rendered contents. Is there an event I can hook into when external content is done loading? Like other widgets, or jquery ui widgets do or ajax calls.   I thought I saw success functions but maybe other widgets have them, not the kendo window?
thanks
Marty

$("#window").kendoWindow({
            content: {
                url: url,
                data: { id: 5}
            },
            actions: ["Custom", "Refresh", "Maximize", "Minimize", "Close"],
            draggable: true,
            height: "400px",
            modal: false,
            resizable: true,
            title: false,
            width: "400px",
            minWidth: 200,
            minHeight: 200,
        });

Window

answered on 13 Dec 2012

3 answers

914 views

Add line return in Kendo Grid Client Template

I have a Kendo UI grid with a custom column as such:

columns.Template(@<text></text>)

.Width(50)

.ClientTemplate("#= getDeleteHTML(Id, DisplayLocation) #");

It calls a js function to build the html to inject as a form to submit for a delete:

function getDeleteHTML(itemId, itemName) {

var deleteHtml = "<form action='"+ '@Url.Action("Delete", "ManageLocations")'+"/" + itemId +"' method='post'>"

+ "<input type='image' onclick='return confirm(\"Are you sure you wish to delete: \r\n " + itemName + "?\");' value='Delete' class='delete' src='../Images/transparent.gif'>"

+ "</form>";

return deleteHtml;

}

I want to break the confirmation message into 2 lines. I've tried \r\n and @Environment.NewLine + itemName as I'm not sure which parser is being used (client or server) in this case.

How can I achieve this? Sorry, I am fairly new to client side scripting so I'm sure this is easy, but supposedly just \r\n should work, but it doesn't...here is what is rendered in the browser:

<form action="/CompanyMgmt/ManageLocations/Delete/1003" method="post"><input type="image" onclick="return confirm("Are you sure you wish to delete:

RECV-A-01-1-1-1?");" value="Delete" class="delete" src="../Images/transparent.gif"></form>

And when you click on the item, the confirm box never displays, it just submits the form.

Grid