Products

[Markov]

Hi,

You can use the timelineHeaderFormatFunction(date, headerType, isSubHeader, dateString) and return the result to be displayed in that header.

Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi,

We usually add the bug fixes & new features only in the new versions.

Best Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi Zhang,

These are not resizable. They are all with one size as they represent dates.

Regards,
Markov

Smart UI team
https://www.htmlelements.com/

[Markov]

Hi Zhang,

See https://codepen.io/jqwidgets/pen/KKYXKox. Column resize is enabled and you can resize the task columns.

Regards,
Markov

Smart UI team
https://www.htmlelements.com/

[Markov]

Hi,

In your code, you create a dataAdapter correctly, then you replace it with an Array i.e you remove the dataAdapter.
If you want to use dataAdapter, use it everywhere. If you want to bind to an Array, define the dataSourceSettings object and define the dataFields in it.

Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi,

The problem here is that the dataSourceSettings property is not set. It should be set and the dataFields in it should be set as well. The dataFields describe the types of the columns. Alternatively, you can use the dataAdapter, too.

Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi Srinivas,

You can prepare a new dataSource and set it to the Gantt chart. By doing that, you can instead multiple tasks at once.

Regards,
Markov

Smart UI Team
https://www.htmlelements.com/

[Markov]

Hi,

The only issue here is that since the dataFields are defined in dataAdapter and when you use Array instead of DataAdapter, the data is repsesented as Strings instead of the actual data types. This can be easility solved by using the “dataSourceSettings” proeperty which you can use to define your dataFields and data types.

Regards,
Markov

[Markov]

Hi,

You need to set the dataSource property to a new value. Using dataAdapter is not mandatory. You can bind it to an array.

Regards,
Markov

[Markov]

Hi Matias,

I updated the sample: https://stackblitz.com/edit/github-dcz87q-zfeczm?file=package.json,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html
Now when the properties are set in the template, all is ok. The problem with the other approach is that when you set properties one after another dynamically, it happens that you apply columns with sorting before the sorting is enabled so after all data sort is not applied to the Grid.

Regards,
Markov

[Markov]

Hi,

You can use document.querySelectorAll(‘smart-tree-item’); and loop through the collection of nodes

const items = document.querySelectorAll('smart-tree-item');

[].forEach.call(items, function(item) {
  // do whatever
});

Regards,
Markov

[Markov]

Hi Joko,

The value is returned correctly. The time input expects an array of two numbers and returns an array of two numbers. There is also additional method getFormattedValue() which returns the String value of the Input.

Regards,
Markov

[Markov]

Hi Joko,

Yes, it is a string. The value returns the Input’s value as it is displayed.
The component has getValue method which returns the decimal value.

Regards,
Markov

• This reply was modified 10 months, 3 weeks ago by Markov.

[Markov]

Hi,

The only problem i could observe is that there are 1:, 2:, etc. in the provided data source which make it invalid array.

Below is a working sample:

    const comboBox = document.querySelector("jqx-combo-box");

    const vehileBrands = [{ id: 272, brand: 'GPS_TR08' },
    { id: 2, brand: 'GPS_CONCOX_GT06MDF' },
    { id: 3, brand: 'GPS_CONCOX_GT06' },
    { id: 4, brand: 'GPS_CONCOX_GT07' },
    { id: 5, brand: 'GPS_CONCOX_GT08' },
    { id: 6, brand: 'GPS_CONCOX_GT700' },
    { id: 7, brand: 'GPS_CONCOX_GT710' },
    { id: 8, brand: 'GPS_CONCOX_GT800' },
    { id: 9, brand: 'GPS_CONCOX_GT300' },
    { id: 10, brand: 'GPS_CONCOX_GT03C' },
    { id: 11, brand: 'GPS_CONCOX_GT02' },
    { id: 12, brand: 'GPS_CONCOX_GT02D' },
    { id: 13, brand: 'GPS_CONCOX_TR02' },
    { id: 14, brand: 'GPS_CONCOX_TR06' },
    { id: 15, brand: 'GPS_CONCOX_GK310' },
    { id: 16, brand: 'GPS_CONCOX_GK309E' },
    { id: 17, brand: 'GPS_CONCOX_GS503' },
    { id: 30, brand: 'GPS_CONCOX_HVT001' }
    ];

    comboBox.valueMember = "id";
    comboBox.displayMember = "brand";
    comboBox.dataSource = vehileBrands;
    comboBox.onchange = (event) => {
        console.log(event.detail);
    }

Regards,
Markov

[Markov]

Hi Joko,

The type of the ‘value’ is expected to be String. You will see a console log message that the Type validation has failed, because a String value is expected.
You can use ‘1’ instead of 1.

Regards,
Markov

[Author]

Posts