Telerik Forums
Kendo UI for jQuery Forum
0 answers
219 views
With transport update url call, parameters are not sent to mvc3 controller on a grid update involving a multi select dropdownlist. does anyone know if this is a legitimate operation and/or how to correct?

the data source update: is as follows:
update: {
   // filter is a row in the grid
    url: function (filter) {
        alert(CommaDelimitedString);
        return '/path/UpdateData?ID=' + filter.ID
                + '&FilterName=' + filter.FilterName
                + &,AlertSource=' + SelectedAlertSources.replace(',', '|' )
                + '&Param4=' + Param4Arg
                + '&Param5=' + Param5Arg                                    },
                // other parameters are omitted for brevity 
    type: "POST"

fiddler shows the query string being passed as expected, but the controller only receives the values in the grid row. it is as if the datasource is ignoring the url: and substituting its own. the webform tab of fiddler shows just that with many more parameters involved in the post. it is actually taking the fields from the datasource and constructing its own query/post.....

is it possible for me to submit my own query string in the call to my controller? if so, how? i have experimented with the data: object but that has the same dismal results.....my url contains all of the parameters expected by the controller function.

the need for all of this rigmarole is that i do not know how to configure grid column to accept multiple selection values from the dropdownlist, so i construct a global string containing the values which i use as the argument to one of the url parameters.
tony
Top achievements
Rank 1
 asked on 24 Sep 2012
3 answers
89 views

Lets pretend this is the data:

MusicGenre  AgeGroup  TimesPlay

Rock             10-15              100
Rock              16-20             200
Classical        10-15               5
Classical         16-20              4

If I do not group the data and I plot it

1. Then Rock 16-20 is the biggest bubble (biggest)
2. Followed by Rock 10-15 (2nd biggest)
3. Classical 10-15 (tiny)
4. Classical 16-20 (tiny)

But I get the same color for each bubble

If I group by Genre

I want to have the same color for Rock and a different one for classical and that happens, but then the bubble size
is determined by items in the same group, not compared with the rest
So Classical 10-15 and 16-20 now are big
Classical 10-15 = 5 out of 9 instead of 5 out of 309
Classical 16-20 = 4 out of 9 instead of 4 out of 309

Both are rendered big, because the grouping is taking in consideration only items inside the group and not comparing with other groups

I want to group to have different colors, but then the purpose of the bubble chart gets defeated, because having similar sizes doesn't make an useful visualization.

Is this a bug or it is intended to work this way?

 

dataSource: {
  
transport: {
read: { 
 url: "@Url.Content("~/Music/GetData")",
 dataType: "json",
  data: { // This are the parameters
  genre: function() {
   return "All";
  }
}
}
}, 
group: { 
 field: "Genre" 
 }
},

Any help? Is there a way to have groups but the bubble sizes are based on all the items, not only on the ones inside the group?

Thanks

Iliana Dyankova
Telerik team
 answered on 24 Sep 2012
4 answers
621 views
Hello,

I have a grid that uses a datasource that calls read() on a timer, so it will continually/auto updated.  I want to highlight new rows added to my grid, which I should be able to do easily if there were a grid row added event, but there doesn't seem to be one.

Any suggestions on how I can go about accomplishing this?

Thanks!

Levi
Top achievements
Rank 1
 answered on 24 Sep 2012
1 answer
601 views
Hi,
I've found the docs for menu for mvc here 
http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/menu/overview 
but I can't find anything to show me how to use submenus. 

Can anyone point me to some?

thanks,
Stephen
Dimo
Telerik team
 answered on 24 Sep 2012
2 answers
205 views
Hello,

I have a question on your Kendo UI Web license agreement. We are planning on building an application and it will be sold to customers. We might develop our own widgets and also potentially change your standard widgets, if needed. If we do this, it is not clear to me what Telerik would own. For example, section 1.1.5.1 refers to this, but it is unclear to me what “modification” refers to. Does this just refer to a “modification” to the standard Kendo UI source code?  For example, what of the following would Telerik own?

- The application we build
- Widgets we develop on our own and include within our application
- Standard widgets we change and include within our application
- Other


Thanks

Apo
Telerik team
 answered on 24 Sep 2012
2 answers
191 views
How do I access the event associated with pressing the cancel button on inline editing?
Tony Sprague
Top achievements
Rank 1
 answered on 24 Sep 2012
1 answer
75 views
How Can I change the "Update" label for "Save" on the update button int the grid popup edition?
Iliana Dyankova
Telerik team
 answered on 24 Sep 2012
0 answers
155 views
Hi ,

i have 3 dropdownlists on my page
-Customer
-Region
-FacilityGroup

<li>
                    <label class="fieldName"  for="CustomerName"> Customer<span class="red">*</span>:</label>
                    <span class="fieldValue">
                        @(Html.Kendo().DropDownList()
                        .OptionLabel("Select ")
                        .Name("Customer")
                        .DataTextField("CustomerName")
                        .DataValueField("CustomerId")
 
                        .Value("CustomerId")
                        .DataSource(source =>
                        {
                            source.Read(read =>
                            {
                                read.Action("GetCustomer", "AddFacility");                                  
                                 
                            });
 
                        })
                    .Events(e => e.Change("dropdownlist_Validation"))
                     
 
                        )
                        @Html.HiddenFor(m=>m.CustomerName)
                        <div id="divcustomer" >
                        @Html.Label("Required", new { @class = "red" });
                        </div>
                        <script type="text/javascript">
 
                            function GetId() {
                                return {
                                    Customer: $("#Customer").val()
                                };
                            }
                        </script>
                      @*  @Html.ValidationMessageFor(model => model.CustomerName)*@
                    </span>
                     
                    </li>
                    <li>
                  <label class="fieldName"  for="RegionName">Region<span class="red"></span>:</label>
                  <span class="fieldValue">
                  @(Html.Kendo().DropDownList()
                                .OptionLabel("Select ")
                                .Name("Region")
                                .DataTextField("RegionName")
                                .DataValueField("RegionId")
                                                                 
                                //.Value("RegionId")
                                .DataSource(source =>
                                {
                                    source.Read(read =>
                                    {
                                        read.Action("GetRegion", "AddFacility")
                                             
                                             
                                            .Data("filterRegion");
                                         
                                    })
                                     .ServerFiltering(true);
                                })
                       .Enable(false)
                       .AutoBind(false)
                       .CascadeFrom("Customer")
                       .Events(e => e.Change("dropdownlist_Validation"))
 
                                )
 
                                
                                 
                                <script type="text/javascript">
                                    function filterRegion() {
                                        return {
                                            Customer: $("#Customer").val()
                                             
                                        };
                                    }
                               </script>
                                <script type="text/javascript">
                                    function GetId() {
                                        return {
                                            Region: $("#Region").val()
                                        };
                                    }
                        </script>
                        
                  </span>
                  </li>
                    <li>
                    <label class="fieldName"  for="FacilityGroupName">Facility Group<span class="red">*</span>:</label>
                    <span class="fieldValue">
                                 @(Html.Kendo().DropDownList()
                                .OptionLabel("Select ")
                                .Name("FacilityGroup")
                                .DataTextField("FacilityGroupName")
                                .DataValueField("FacilityGroupId")
                                .Value("FacilityGroupId")
                                 
                                .DataSource(source =>
                                {
                                    source.Read(read =>
                                    {
                                        read.Action("GetFacilityGroupName", "AddFacility")
                                        //.Data("filterfacilitygroup")
                                        .Data("filterfacilitygroup2");                                       
                                    })
                                    .ServerFiltering(true);
 
                                })
        .Enable(false)
         .AutoBind(false)
                .CascadeFrom("Region")               
                .CascadeFrom("Customer")
                .Events(e => e.Change("dropdownlist_Validation"))
 
                                )<div id="divfacilitygroupname">
                                 @Html.Label("Required", new { @class = "red" });
                                </div>
                                @*<script type="text/javascript">
                                    function filterfacilitygroup() {
                                        return {
 
                                            Region: $("#Region").val()
                                             
                                        };
                                    }
                                            </script>*@
                                            <script type="text/javascript">
                                                function filterfacilitygroup2() {
                                                    return {
                                                        Customer: $("#Customer").val(),
                                                        Region: $("#Region").val()
                                                    };
                                                }
                                             </script>
                         <script type="text/javascript">
                             function GetId() {
                                 return {
                                     FacilityGroup: $("#FacilityGroup").val()
                                 };
                             }
                         </script>
                          
                    </span>
                </li>


Now as you can see i am cascading the Region and the Facility Group dropdown from the Customer dropdown .
my controller looks like dis :-
public JsonResult GetCustomer()
      {
 
          var objCustomerName = CustomerNameTypeClient.GetCustomers().Select(CustomerT => new RegionModel
          {
              CustomerId = CustomerT.CustomerId,
              CustomerName = CustomerT.CustomerName
          });
          return Json(objCustomerName, JsonRequestBehavior.AllowGet);
      }
 
      /// <summary>
      /// Gets the region.
      /// </summary>
      /// <returns>Json</returns>
      public JsonResult GetRegion(string Customer)
      {
           
 
          var VarRegionName = FacilityClient.GetRegion(Customer);
 
          return Json(VarRegionName, JsonRequestBehavior.AllowGet);
      }
 
      /// <summary>
      /// Gets the name of the facility.
      /// </summary>
      /// <returns>Json</returns>
      public JsonResult GetFacilityGroupName(string Region, string Customer)
      {
 
 
 
          var VarFacilityGroupName = FacilityClient.GetFacilityGroup(Region, Customer);
 
              
           
 
          return Json(VarFacilityGroupName, JsonRequestBehavior.AllowGet);
           
      }

Now i need to drill down the facilitygroup dropdown further using  the selection in  region dropdownlist.

Help!!!!
sarat
Top achievements
Rank 1
 asked on 24 Sep 2012
1 answer
432 views
I am using cshtml view to display an autocomplete using below.  The autocomplete works fine until i try setting the .Events. 

I copied the events code and script from the cshtml events example and am getting "Microsoft Jscript runtime error: 'change' is undefined"

@model CashBatchesViewModel
 
<div>
    
    @(Html.Kendo().AutoComplete()
                  .Name("autocomplete")
            //.Filter("startswith")
          .Placeholder("Select Batch...")
          .Filter("contains")
          //.DataTextField("ProductName")
          .DataSource(source =>
          {
              source.Read(read => read.Action("GetBatches""Cash"));
          })          
                          .Events(e =>
                          {
                              e.Change("change").Select("select").Open("open").Close("close");
                          })
    )
<label id="batchLabel" class="k-header">Batch label</label>
</div>
 
<div>
</div>
 
<script>
 
    function close() {
        //kendoConsole.log("event: close");
        alert("Batch Auto Close");
    };
 
    function open() {
        //kendoConsole.log("event: open");
        alert("Batch Auto Open");
    };
 
    function change() {
        //kendoConsole.log("event: change");
        alert("Batch Auto Change");
    };
 
    function select(e) {
        //if ("kendoConsole" in window) {
            var dataItem = this.dataItem(e.item.index());
            alert("event :: select (" + dataItem + ")");
        //}
    };
</script>
Georgi Krustev
Telerik team
 answered on 24 Sep 2012
4 answers
261 views

I am trying to edit the cell programmatically in batch edit mode but it seems that after editCell method  keyboard navigation does not work properly

See this fiddle for what I am attempting

http://jsfiddle.net/mollybibeault/KPYe3/
Morten
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 24 Sep 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?