or
9 answers
212 views
Here is my mvc view:
What is odd is that when it renders, I see the column, but it moves all the links out of the bound column and renders them across the top of the grid. Attached screenshot.
@(Html.Kendo().Grid(Model) _ .Name("MaintenanceTickets") _ .Columns(Function(modelItem) modelItem.Bound(Function(p) p.CreateDate).Format("{0:d}").Title("Created")) _ .Columns(Function(modelItem) modelItem.Bound(Function(p) p.Originator).Width(100)) _ .Columns(Function(modelItem) modelItem.Bound(Function(p) p.CustomerName).Title("Customer").Width(100)) _ .Columns(Function(modelItem) modelItem.Bound(Function(p) p.Description)) _ .Columns(Function(modelItem) modelItem.Bound(Function(p) p.OntimeAssignedTo).Title("Assigned").Width(100)) _ .Columns(Function(modelItem) modelItem.Bound(Function(p) p.Description)) _ .Columns(Function(modelItem) modelItem.Bound(Function(p) p.Priority.Name).Title("Priority").Width(75)) _ .Columns(Function(modelItem) modelItem.Bound(Function(p) p.Status.Name).Title("Status").Width(75)) _ .Columns(Function(modelitem) modelitem.Bound("Id").Title("Actions").Template(Sub(item)@<text> <a href="@url.Action("Details", "Ticket")/@item.Id">Details</a> <a href="/Ticket/Edit/@item.Id">Edit</a> </text> End Sub)) _ .Pageable(Function(page) page.PageSizes(5)) _ .Sortable() _ .Filterable() _ .Resizable(Function(resize) resize.Columns(True)) _ .ColumnMenu() )What is odd is that when it renders, I see the column, but it moves all the links out of the bound column and renders them across the top of the grid. Attached screenshot.
1 answer
181 views
I have a grid with batch editing enabled and have got it working very well. This particular gird deals with line items in an order.
So when the user clicks Add New item they enter the part number description and other pertinent info and click save. No problem.
The problem is that once we save the item, we do not want to have the part number field to be editable. If they need to change the part number they should have to delete the line item and add it again.
I am trying to figure out how to make this field not editable on the on edit event but can't figure it out. I have some java script for the edit event commented out in my code that was suppose to deal with another issue but it crashes. I know I am on the right path but can't take it in for the score. The java script I have commented out is in the next code block.
Any help is appreciated...
So when the user clicks Add New item they enter the part number description and other pertinent info and click save. No problem.
The problem is that once we save the item, we do not want to have the part number field to be editable. If they need to change the part number they should have to delete the line item and add it again.
I am trying to figure out how to make this field not editable on the on edit event but can't figure it out. I have some java script for the edit event commented out in my code that was suppose to deal with another issue but it crashes. I know I am on the right path but can't take it in for the score. The java script I have commented out is in the next code block.
Any help is appreciated...
@(Html.Kendo().Grid<BuyItNow.Models.LineItemViewModel>().HtmlAttributes(htmlAttributes) .Name("kendoGrid") .EnableCustomBinding(true) .BindTo(Model.Data) .Events(events => events.DataBound("dataBound")) .Columns(columns => { columns.Bound(p => p.lineNumber); columns.Bound(p => p.partNum).Title("Part#").EditorTemplateName("PartNumber"); columns.Bound(p => p.partDescription).EditorTemplateName("Description"); columns.Bound(p => p.unitOM).EditorTemplateName("UOM").Equals("EA"); columns.Bound(p => p.partQuant).EditorTemplateName("Number").Format("{0:n0}"); }) .ToolBar(toolbar => { toolbar.Create(); toolbar.Save(); }) .Editable(editable => editable.Mode(GridEditMode.InCell)) .Pageable() .Sortable() // .Scrollable() .Navigatable() .DataSource(dataSource => dataSource .Ajax() .Total(Model.Total) .Batch(true) .ServerOperation(false) .Events(events => events.Error("error_handler")) .Model(model => { model.Id(p => p.itemID); model.Field(p => p.lineNumber).Editable(false).DefaultValue("0000"); }) .Create(update => update.Action("_Create", "LineItems")) .Read(read => read.Action("_Read", "LineItems")) .Update(update => update.Action("_Update", "LineItems")) ).Resizable(resize => resize.Columns(true))$(document).ready(function() { var grid = $("#kendoGrid").data("kendogrid"); // bind to the edit event grid.bind("edit", function (e) { debugger; e.preventDefault(); e.container.find('input:last').focus() } });
Vladimir Iliev
Telerik team
answered
on
13 Nov 2012
1 answer
291 views
Hello,
In the attached screen print I added the HTML version 2012.2 913 of editor and MVC version code snippet from the view all http://demos.kendoui.com/web/editor/all-tools.html. The HTML version has the (View HTML) the MVC version does not have this button. I also tried the latest internal build 2012.2.1029 this did not have the feature. In the Razor file when I add .Tools(tools => tools . viewHtml is not listed as a tool.
Below is the sample code I used to generate this. And attached is a screen print.
With regards,
Matthew
Sample Index.cshtml file
@{
ViewBag.Title = "Index";
}
<h2>HTML Editor</h2>
<div id="example" class="k-content">
<textarea id="editor" rows="10" cols="30" style="width:740px;height:400px">
<p><img src="http://www.kendoui.com/Image/kendo-logo.png" alt="Editor for ASP.NET MVC logo" style="display:block;margin-left:auto;margin-right:auto;" /></p>
<p>
Kendo UI Editor allows your users to edit HTML in a familiar, user-friendly way.<br />
In this version, the Editor provides the core HTML editing engine, which includes basic text formatting, hyperlinks, lists,
and image handling. The widget <strong>outputs identical HTML</strong> across all major browsers, follows
accessibility standards and provides API for content manipulation.
</p>
<p>Features include:</p>
<ul>
<li>Text formatting & alignment</li>
<li>Bulleted and numbered lists</li>
<li>Hyperlink and image dialogs</li>
<li>Cross-browser support</li>
<li>Identical HTML output across browsers</li>
<li>Gracefully degrades to a <code>textarea</code> when JavaScript is turned off</li>
</ul>
<p>
Read <a href="http://docs.kendoui.com">more details</a> or send us your
<a href="http://www.kendoui.com/forums.aspx">feedback</a>!
</p>
</textarea>
<script>
$("#editor").kendoEditor({
tools: [
"bold",
"italic",
"underline",
"strikethrough",
"fontName",
"fontSize",
"foreColor",
"backColor",
"justifyLeft",
"justifyCenter",
"justifyRight",
"justifyFull",
"insertUnorderedList",
"insertOrderedList",
"indent",
"outdent",
"formatBlock",
"createLink",
"unlink",
"insertImage",
"subscript",
"superscript",
"viewHtml"
]
});
</script>
</div>
<h2>MVC Editor</h2>
@(Html.Kendo().Editor()
.Name("Editor")
.HtmlAttributes(new { style = "width: 740px;height:440px" })
.Tools(tools => tools
.SubScript()
.SuperScript()
)
.Value(@<text>
<p>
<img src="http://www.kendoui.com/Image/kendo-logo.png" alt="Editor for ASP.NET MVC logo" style="display:block;margin-left:auto;margin-right:auto;" />
</p>
<p>
Kendo UI Editor allows your users to edit HTML in a familiar, user-friendly way.<br />
In this version, the Editor provides the core HTML editing engine, which includes basic text formatting, hyperlinks, lists,
and image handling. The widget <strong>outputs identical HTML</strong> across all major browsers, follows
accessibility standards and provides API for content manipulation.
</p>
<p>Features include:</p>
<ul>
<li>Text formatting & alignment</li>
<li>Bulleted and numbered lists</li>
<li>Hyperlink and image dialogs</li>
<li>Cross-browser support</li>
<li>Identical HTML output across browsers</li>
<li>Gracefully degrades to a <code>textarea</code> when JavaScript is turned off</li>
</ul>
<p>
Read <a href="http://www.kendoui.com/documentation/introduction.aspx">more details</a> or send us your
<a href="http://www.kendoui.com/forums.aspx">feedback</a>!
</p>
</text>)
)
Alex Gyoshev
Telerik team
answered
on
13 Nov 2012
0 answers
190 views
I have a Kendo Grid using Server binding and defined in a Razor view like @(Html.Kendo().Grid etc...
I'm using inline editing and it works find however I'd like to only show the destroy button if the user belongs to a certain role.
Any ideas about the best way to achieve this ? Ideally I'd like to write some sort of extension method so I could do something like :
columns.Command(command => { command.Destroy().If(IsInRole("Admin")) };
Any pointers would be very helpful.
Thanks
John
I'm using inline editing and it works find however I'd like to only show the destroy button if the user belongs to a certain role.
Any ideas about the best way to achieve this ? Ideally I'd like to write some sort of extension method so I could do something like :
columns.Command(command => { command.Destroy().If(IsInRole("Admin")) };
Any pointers would be very helpful.
Thanks
John
0 answers
158 views
Hi,
Can anyone send me some sample code for kendo grid with code first approach.
I want to retrieve data from sqlserver not from sql xpress.
i tried with the following example getting error "An exception occurred while initializing the database. See the InnerException for details."
http://www.telerik.com/community/code-library/aspnet-mvc/grid/grid-using-entityframework---code-first.aspx
Thanks
Can anyone send me some sample code for kendo grid with code first approach.
I want to retrieve data from sqlserver not from sql xpress.
i tried with the following example getting error "An exception occurred while initializing the database. See the InnerException for details."
http://www.telerik.com/community/code-library/aspnet-mvc/grid/grid-using-entityframework---code-first.aspx
Thanks
1 answer
145 views
I have attached 3 images,
home.png is how my bootstrap-themed website looks like
I added this line of code in my page, right at the bottom
@(Html.Kendo().Window()
.Name("window")
.Title("test")
.Content("loading...")
.LoadContentFrom("Login", "Authentication")
.Modal(true)
.Draggable()
)
modal1.png is how the site looks like with the modal window
after.png is how the site looks like after I've closed the modal window
I'd like to know what is causing the design of my site to mess up?
When I looked in the page source of the code, this is causing the page to render incorrectly
I tried removing kendoui's css from my layout page, but the result is the same.
home.png is how my bootstrap-themed website looks like
I added this line of code in my page, right at the bottom
@(Html.Kendo().Window()
.Name("window")
.Title("test")
.Content("loading...")
.LoadContentFrom("Login", "Authentication")
.Modal(true)
.Draggable()
)
modal1.png is how the site looks like with the modal window
after.png is how the site looks like after I've closed the modal window
I'd like to know what is causing the design of my site to mess up?
When I looked in the page source of the code, this is causing the page to render incorrectly
| <div id="window"></div><script> | |
| jQuery(function(){jQuery("#window").kendoWindow({"modal":true,"iframe":false,"draggable":true,"title":"test","resizable":false,"content":"/login","actions":["Close"]});}); | |
| </script> |
I tried removing kendoui's css from my layout page, but the result is the same.
louis
Top achievements
Rank 1
Rank 1
answered
on
11 Nov 2012
1 answer
129 views
1 answer
90 views
textbox and button on Search
On Search click grid not give Search method result it's give all user in my User list grid.
On Search click grid not give Search method result it's give all user in my User list grid.
5 answers
286 views
working with a MVC4 application, and trying to get the menu to render.
I've tried the following code, which works fine:
@(Html.Kendo().Menu()
.Name("menu")
.Items(items =>
{
items.Add().Text("Item 1");
items.Add().Text("Item 2");
}
)
)
how can I set properties other than Text? I would like to be able to reference events by the menu item ID, which I can't seem to set through the html Helpers.
I've tried the following code, which works fine:
@(Html.Kendo().Menu()
.Name("menu")
.Items(items =>
{
items.Add().Text("Item 1");
items.Add().Text("Item 2");
}
)
)
how can I set properties other than Text? I would like to be able to reference events by the menu item ID, which I can't seem to set through the html Helpers.
5 answers
426 views
If I add JQuery 1.7.1 or 1.7.2 to the project, it fails with the following error
This is really strange. Even if I add the reference of JQuery 1.7.1 or 1.7.2 to the sample project provided by KENDO UI, it also fails with the same error.
Any suggestions will be appreciated.
TypeError: jQuery("#Menu").kendoMenu is not a function
This is really strange. Even if I add the reference of JQuery 1.7.1 or 1.7.2 to the sample project provided by KENDO UI, it also fails with the same error.
Any suggestions will be appreciated.
