I'm building the list of values a column can be filtered by using the FilterMenuInit event and the initCheckboxFilter(e) javascript code and it's working great.
Now I add a new row to the grid using the toolbar Create method and AJAX. The new row might contain a value for the column being filtered that wasn't there before. I would like to be able to add that new value to the existing list in the filter for that column. Can I somehow set the FilterMenuInit event to be triggered again?
Thanks,
Stu
Hello
I have question how can I refresh data on TreeList after update action?
When I am editing item i am also editing few other items. After close popup only edited item is refreshed. I need to find way how to refresh whole control.
I tried:
- on update action return whole data
public JsonResult Update([DataSourceRequest] DataSourceRequest request, ProductCategoryViewModel category)
{
if (ModelState.IsValid)
{
var services = new ProductCategoryServices(db);
.Update(category, ModelState);
}
var result = db.ProductCategories.ToTreeDataSourceResult(request,
cat => cat.ProductCategoryId , cat => cat.FKParentProductCategoryId , cat => cat.ToProductCategoryViewModel(request)
);
//DataSourceResult dataTreeList =
return Json(category, JsonRequestBehavior.AllowGet);
}
I have a kendo grid that I try to set different columns as follow
.Columns(columns =>
{
if ((bool)ViewData["resourcePooled"])
{
columns.Bound(s => s.ResourceIdAssignmentName).Width(300);
}
else
{
columns.Bound(s => s.ResourceIdPoolName).Width(300);
}
But it only can set first column, i.e it works only when ViewData["resourcePooled"]=true. When ViewData["resourcePooled"]=false, it doesn't work. Note that above code works well in Telerik MVC Extension. But after in Kendo, it has above problem. I'd like to know what happen. Thanks.
I have a colour code property on my model which has UIHint set to a colour picker partial view.
Everything works as expected for existing values in my grid but not when I add a new row from the Grid.
I have tried setting default values onto my model property and even put debug lines to write out when the Get property is called.
However when the Add button is pressed from the Grid, the get property is NOT called and I get a Cannot parse colour "" error.
How can a default be given to the colour picker?
Hi,
I'm using a template for grid popup edit. There are validations for the text input such as pattern="[a-zA-Z0-9_-]{20390}" and they work fine. However, I also want to make validation on the server side, and I can only use error event of data source:
error: function (e) {
alert(e.xhr.responseJSON.error.message);
}
This approach works but its style is not consistent with the former validation message. How can I show the message from remote below the input box, just as they are validated locally?
Thanks.
Hello.
Which is the appropriate way to set up Kendo UI for Asp.net MVC Ajax binding?
http://demos.telerik.com/aspnet-mvc/grid/index (demo link from the products page)
http://docs.telerik.com/kendo-ui/aspnet-mvc/helpers/grid/ajax-editing (google that result)
https://github.com/telerik/kendo-examples-asp-net-mvc/blob/master/grid-crud/Controllers/HomeController.cs (On github and hasn't been updated to mvc 5)
Anyone know for sure? I just find it confusing that when I google I get multiple answers for the same topic. I appreciate the assistance.
Hi,
I am using kendo Tooltip to display on images on my page. but every time I hover over on image, tooltip appears on right corner of my screen.
Please help me to fix this annoying issue.
I have attached screenshot and files.
<div class="demo-section">
<ul id="products" class="dairy-photos">
<li><a href="#" data-id="11">
<img src="@Url.Content("~/images/11.jpg")" /></a>
</li>
</ul>
</div>
@(Html.Kendo().Tooltip()
.For("#products")
.Filter("li a")
.LoadContentFrom("DetailsNew", "TooltipNew")
.Position(TooltipPosition.Top)
.Width(220)
.Height(280)
.Events(events => events.RequestStart("requestStart"))
)
<script type="text/javascript">
function requestStart(e) {
e.options.data = {
id: e.target.data("id")
}
}
</script>
<style>
.demo-section
{
height: 460px;
}
.dairy-photos
{
float: left;
list-style-type: none;
margin: 60px 0 0 60px;
padding: 0;
width: 430px;
line-height: 0;
}
.dairy-photos li
{
display: inline-block;
margin: 0;
padding: 0;
width: 110px;
height: 110px;
position: relative;
}
.dairy-photos li:hover
{
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
box-shadow: 0 0 10px rgba(0,0,0,0.8);
z-index: 1;
}
.dairy-photos li, .dairy-photos li:hover
{
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}
.dairy-photos a
{
display: inline-block;
}
.dairy-description
{
float: right;
width: 250px;
margin: 80px 60px 0 0;
}
.dairy-description h2
{
font-size: 2.7em;
font-weight: normal;
}
.dairy-description p
{
line-height: 2em;
}
.dairy-details
{
padding: 10px 0 0 0;
}
.dairy-details h3
{
font-weight: normal;
font-size: 1.5em;
margin-top: 10px;
}
</style>
Hi,
I have 2 tables
Table1 : ID,Table2ID
Table2 : ID, Description
Table1 as a 1 to many relationship with Table2
Table2 as a 0..1 to many relationship with Table2
I would like to show Table1 in a grid and have a treeview to display the Table2 during Create and Update.
Can someone help me to achieve this?
regards