Is it possible to configure the sortable to make it work in the similar was as TreeView drag and drop?
I would like not to move element during dragging, but only on drop.
I would also like to prevent some drop targets dynamically based on source element.
I made an example that use NumerticTextbox and the Min/Max value can be changed if the button "Change Min/Max" clicked
Please see my example at http://dojo.telerik.com/ufeyU
Explain:
when the button was clicked, i expected that the validation range will be changed, but it s not.
Question:
Is it possible to use NumericTextBox to validate a range that can be changed on the fly.
I am trying to control the size of my windows. On my development environment, I have quite a large screen, so when the window opens, it never has an issue with automatically sizing the window. However, with other people's screens, the ajax loaded content can make the window resize so that it is outside of the viewport. I want to make sure that this never happens. Here is the angle that I have taken to make this work... unsuccessfully:
I create the window with maxHeight: 80% and add the onWindowMaximize function to the maximize event.
function
onWindowMaximize(e) {
var
window = $(
"#"
+ e.sender.wrapper.context.id).data(
"kendoWindow"
);
//get window
//restore to original size
window.restore();
window.unbind(
'maximize'
, onWindowMaximize)
//unbind this method from maximise event
window.setOptions({
position:{
top: window.wrapper.offset().top,
left: window.wrapper.offset().left,
},
height: window.wrapper.height(),
maxHeight:
'100%'
});
window.maximize();
//maximize window
}
The problem with this solution is that when I "restore" the window, it keeps the same width, but the height turns to 100px. I am happy to look into other options, but I really need to make sure that when they window loads, it is no more than 80% of the screen.
Can the fields (dimensions and measures) listed in PivotConfigurator be restricted, so that we can restrict to only those relevant for the end user
Thanks
Hi
Not so long ago, you had the Material Theme on the roadmap. Now it's gone. What happened?
Best
Giuseppe
I am using kendoDropDownList in a kendogrid.
Now when I edit that row by calling
grid.editRow(tr);
function, row opens for Edit.
Its shows kendoDropDownList in edit mode but its not able to retain the original value.
I tried using databound event to select original value
let input = $('<input name= "' + options.field + '" required = "required"/>');
input.attr('id', options.field);
input.attr('data-text-field', 'Name');
input.attr('data-value-field', 'Name');
input.attr('data-bind', 'value:' + options.field);
input.width(container.width());
input.appendTo(container);
input.kendoDropDownList({
autoBind: false,
dataTextField: 'Name',
dataValueField: 'Name',
optionLabel: 'Select',
dataBound: (e) => {
$('#' + options.field).data('kendoDropDownList').value(options.model.dropDownValue) ;
},
dataSource: {
data: this.list
}
});
If I do this and just call validate
$('#grid').kendoValidator().data('kendoValidator').validate();
It shows me validation message for kendoDropDownList.
Since when I open in edit mode, I am setting value of dropdownlist. So why its showing validation message even if its value is set in databound event.
Am I doing something wrong here?
Is there an example for kendogrid containing kdropdownlist and doing validation in edit mode.
I have a Html.Kendo().Grid in my aspx page.DataSource is defined like below
.DataSource(ds => ds
.Ajax()
.Model(model =>
{
model.Id(m => m.ID);
model.Field(m => m.ID).Editable(false);
})
.Read(r => r.Action("GetValues", "Home"))
.Update(update => update.Action("UpdateValues", "Home"))
.Create(update => update.Action("UpdateValues", "Home", new { optionType="value" }))
)
Controller Method
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult UpdateValues([DataSourceRequest] DataSourceRequest dsRequest, Value val, string optionType)
{
try
{
if (val!= null && ModelState.IsValid)
{
long _id;
_id = Convert.ToInt64(val.ID);
if (val.ID== 0)
{
val.ModifiedBy = val.ModifiedBy == null ? base.User: val.ModifiedBy;
val.ModifiedDate = DateTime.Now;
}
else
{
val= repository.Value[_id];
}
if (val!= null && ModelState.IsValid)
{
if (val.ID != 0)
{
TryUpdateModel(val);
repository.Value.Save(val);
}
else
{
repository.Value.Save(val);
}
}
}
}
catch(Exception ex)
{
}
return Json(ModelState.ToDataSourceResult(),JsonRequestBehavior.AllowGet);
}
The ModifiedDate column in DB table has default value as Getdate()
Upon trying to add a new value to the grid,I am getting below response from json.
{"Errors":"ModifiedDate":{"errors":["the value "\u00275/21//2018 4:23:16 AM\u0027" is not valid for ModifiedDate"}}}
Can someone help.What am I doing wrong here
I tried to install @progress/kendo- with NPM but I don't get all .js that I need (e: kendo.all.min.js, angular.min.js, ..). I have an account that allows me to use Kendo- Professional. When I try to install it I don't get the last version. I am logged in when I use , I try this: " login --registry=https://registry.npm.telerik.com/ --scope=@progress" and put my credentials. I am logged in successful, "Logged in as to scope @progress on https://registry.npm.telerik.com/". later type: " install --save @progress/kendo-". I get this version: kendo-ui@2017.somethings... but I want this one: kendo-ui@2018.2.704. However, if I use Bower I get the version I want and the one I have the files I need. What's happening with Kendo- Professional and NPM ??
Thanks in advance!!!