Telerik Forums
UI for ASP.NET MVC Forum
4 answers
220 views
Hello

Is it possible to set / change the mask of an UI for ASP.NET MVC MaskedTextBoxFor clientside?  If so, can you please provide a sample?  As an example if a onSelect of a dropdown.

Thanks
Kiril Nikolov
Telerik team
 answered on 01 Sep 2015
2 answers
624 views
Can anyone direct me to an example of how to create two kendo grids using the mvc wrappers and allow drag and drop (drag and drop 1 or more rows) functionality between the two?

I have searched the forums and documentation and cannot find any.
Kiril Nikolov
Telerik team
 answered on 31 Aug 2015
3 answers
263 views

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

Boyan Dimitrov
Telerik team
 answered on 31 Aug 2015
2 answers
208 views

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);

}

Mateusz
Top achievements
Rank 1
 answered on 28 Aug 2015
5 answers
1.2K+ views

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.

 

Dimiter Madjarov
Telerik team
 answered on 28 Aug 2015
1 answer
217 views

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?

 

Dimiter Madjarov
Telerik team
 answered on 28 Aug 2015
3 answers
612 views

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.

Daniel
Telerik team
 answered on 28 Aug 2015
16 answers
945 views

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.

Jeff
Top achievements
Rank 1
 answered on 27 Aug 2015
1 answer
170 views

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>

Plamen
Telerik team
 answered on 27 Aug 2015
3 answers
93 views

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

Boyan Dimitrov
Telerik team
 answered on 27 Aug 2015
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
Upload
ComboBox
MultiSelect
ListView
Window
TabStrip
Menu
Installer and VS Extensions
Spreadsheet
AutoComplete
TreeList
Gantt
PanelBar
NumericTextBox
Filter
ToolTip
Map
Diagram
Button
PivotGrid
Form
ListBox
Splitter
Application
FileManager
Sortable
Calendar
View
MaskedTextBox
PDFViewer
TextBox
Toolbar
MultiColumnComboBox
Dialog
DropDownTree
Checkbox
Slider
Switch
Notification
ListView (Mobile)
Pager
Accessibility
ColorPicker
DateRangePicker
Wizard
Security
Styling
Chat
MediaPlayer
TileLayout
DateInput
Drawer
SplitView
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Template
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
Licensing
Localization
MultiViewCalendar
PopOver (Mobile)
Ripple
ScrollView (Mobile)
Switch (Mobile)
PivotGridV2
FlatColorPicker
ColorPalette
DropDownButton
AIPrompt
PropertyGrid
ActionSheet (Mobile)
BulletGraph
Button (Mobile)
Collapsible
Loader
CircularGauge
SkeletonContainer
Popover
HeatMap
Avatar
ColorGradient
CircularProgressBar
SplitButton
StackLayout
TimeDurationPicker
Chip
ChipList
DockManager
ToggleButton
Sankey
OTPInput
ChartWizard
SpeechToTextButton
InlineAIPrompt
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
AICodingAssistant
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?