[maniac_1979Participant]

Peter!

You are a star!
Thanks for your help!
Really appreciated.

Regards,

[maniac_1979Participant]

Peter,

I’m sorry but I feel i don’t completely understand you.
I’m not even using the rowDetails class defined in CSS.

Can I ask you to modify the fiddle?

Thank you,

[maniac_1979Participant]

Dear Peter,

I have created this fiddle:

http://jsfiddle.net/zanpgypb/3/

As you can see the max-width of the div is set to 50 (green border), the text goes outside the div
Would you be able to help me?

Thank you,

[maniac_1979Participant]

Hi Peter,

Thanks for your reply, but I just can’t seem to get it to work:
I have modified the code as you meant (I suppose):

Grid Settings:

rowdetailstemplate: {
          rowdetails:  "<div></div>",
          rowdetailsheight: 50,
          rowdetailshidden: false,
        },
        initrowdetails: getRowDetails,

var getRowDetails = function (index, parentElement, gridElement, datarecord) {
        
        var tabsdiv = $($(parentElement).children()[0]);
        var report =  datarecord.focussedreport;
        tabsdiv.append("<div class=testBold>")
        tabsdiv.append(report)
        tabsdiv.append("</div>")
        
      }

CSS:

.testBold{
  font-weight:bold;
  word-wrap: break-word;
  word-break: break-all;
  max-width: 50px;
}

Now style is not applied at all.
(My end goal is to set the div to a width and wordwrap the string when it expands the width)

Thank you,

[maniac_1979Participant]

Never mind……I had to declare getRowDetails before $scope.settings……

[maniac_1979Participant]

Thank you!
Excellent

[maniac_1979Participant]

Does the same thing count for selecting a row?

Example:

 $('#studiesGrid').jqxGrid({
            source: studiesDataAdapter,
            columns: [
                { text: "Description", datafield: 'Description' },
                { text: 'Duration', datafield: 'Duration' },
                { text: 'Code', datafield: 'Code' },
            ]
            
        });
        $("#studiesGrid").on("rowselect", function (row) {
            var x = studiesDataAdapter.loadedData[row];
            console.log(x);

when looking in the console it shows x: undefined.

Thanks,

[maniac_1979Participant]

Thank you!
Exactly what I was looking for!

[maniac_1979Participant]

I finally figured it out.
It seems that I had to put :

$('#jqxcheckbox').jqxCheckBox({ width: 120, height: 25 });

In order to render a checkbox in the studyselection.js file.
Although it didn’t show this in the examples shown on the jqwidgets demo’s page.

[maniac_1979Participant]

Dear Peter,

Thanks for you reply, I had already been reading the documentation. But unfortunately it doesn’t help me resolving the issue.
The problem I have is that I don’t know where to put this piece of the code, since I’m using the routing generated by yeoman.

My index.html :

<script src="app/require.config.js"></script>
      <script data-main="app/startup" src="bower_modules/requirejs/require.js"></script>

It calls startup.js,
But then, where should I put

require(["jquery", "knockout", "app", "jqx-all"], function ($, ko, App) {
    $("#document").ready(function () {
        ko.applyBindings(new App(33));
    });
});

Obviously this part
function ($, ko, App) {
should become :

function ($, ko, router) {

Any help is highly appreciated,

Regards,

[Author]

Posts