Messages

1

Help for ParamQuery Pro / Re: input attr type time question (time list 24-hour setting)

« on: February 28, 2024, 09:42:16 am »

Is there any way to change it other than system local?

2

Help for ParamQuery Pro / input attr type time question (time list 24-hour setting)

« on: February 28, 2024, 05:58:57 am »

input type = time or datetime-local
How do I display the time list in 24 format?

3

Help for ParamQuery Grid (free version) / input attr type time question (time list 24-hour setting)

« on: February 28, 2024, 05:48:47 am »

input type = time or datetime-local 
How do I display the time list in 24 format?

4

Help for ParamQuery Pro / Re: pqSelect, timePicker question

« on: February 28, 2024, 05:21:21 am »

Code: [Select]

 

    $(function () {
        var books = [
{code:"1",codeNm:"ActionScript"},
{code:"2",codeNm:"Asp"},
{code:"3",codeNm:"BASIC"},
{code:"4",codeNm:"C"},
{code:"5",codeNm:"Clojure"},
{code:"6",codeNm:"COBOL"},
{code:"7",codeNm:"ColdFusion"},
{code:"8",codeNm:"Erlang"}
        ];

        var colM = [
            {
                title: "Books",
                dataIndx: "books",
                width: 500,
                cls: 'pq-drop-icon pq-side-icon',
                editor: {
                    type: "select",
                    attr:'multiple',
                    options: books,
valueIndx:"code",
labelIndx:"codeNm",
                    init: function (ui) {

                        //convert ui.cellData data format from string to array
                        //and assign it to editor value.

console.log(ui.cellData);

                        ui.$editor.val((ui.cellData || "").split(","))

                            //convert native select list to pqSelect.
                            .pqSelect({
                                deselect: false,
                                checkbox: true
                            });

                        setTimeout(function () {
                            //open editor dropdown on first activation.
                            ui.$editor.pqSelect('open');
                        })
                    }
                },
            },
        ];
        var dataModel = {
            location: "remote",
            dataType: "JSON",
            method: "GET",
            url: "/content/invoice.json",
            getData: function (response) {
                response.data.forEach(function (rd) {
                    //make ShipAddress multiline text.
                    rd.ShipAddress = rd.ShipAddress + "\n" + rd.ShipCity + "\n" + (rd.ShipRegion || "") + "\n" + rd.ShipPostalCode;
                })
console.log(response[0]);
response.data[0].books = "1,2,3";
response.data[0].code = ["1","2","3"];
response.data[0].codeNm = ["ActionScript","Asp","BASIC"];
                return response;
            }
        }
        $("div#grid_custom_editing").pqGrid({
            title: "Multi select editor",
            dataModel: dataModel,
            colModel: colM
        });
    });


I modified the example source and wrote the code, but there is an error. I don't know what to do with valueIndx, labelIndx, and dataIndx, and I don't know what type to set the initial value. Could you please modify the source code

5

Help for ParamQuery Pro / Re: pqSelect, timePicker question

« on: February 27, 2024, 01:53:04 pm »

Thank you for your answer.

But can't I set valueIndx, labelIndx like single select? Current books array has only single values. Can't I put values like [{code:'aa', codeNm:'bb'}, {code:'cc', codeNm:'dd'}] in options array??

6

Help for ParamQuery Pro / Re: pqSelect, timePicker question

« on: February 27, 2024, 04:48:25 am »

How long will it take to make an example??

7

Help for ParamQuery Pro / Re: pqSelect, timePicker question

« on: February 26, 2024, 01:48:00 pm »

Currently, you can click and change one element and change it again. But if you click more than one element, 'pqSelect' doesn't recognize the value properly. Is there any example of applying pqSelect to pqGrid??

8

Help for ParamQuery Pro / Re: pqSelect, timePicker question

« on: February 26, 2024, 10:23:24 am »

Code: [Select]

        header.cls = 'pq-drop-icon pq-side-icon';
        header.editor.type = 'select';
        header.editor.attr = 'multiple';
        header.editor.mapIndices = {
          [header.editor.labelIndx]: header.editor.labelIndx,
          [header.editor.valueIndx]: header.editor.valueIndx,
        };
        header.editor.init = function (ui) {
          ui.$cell
            .find('select')
            .pqSelect({
              multiplePlaceholder: '선택하세요.',
              checkbox: true, //adds checkbox to options
              maxDisplay: 5,
            })
            .pqSelect('open');
        };
Attachments to previous texts

9

Help for ParamQuery Pro / Re: pqSelect, timePicker question

« on: February 26, 2024, 10:18:41 am »

If I choose a value like 1.png, it looks like 2.png and the value changes to 3.png.

But if I double click on 2.png and correct it again, the checked value will be released like 4.png and the value will change like 5.png. What is the problem??

10

Help for ParamQuery Pro / Re: pqSelect, timePicker question

« on: February 23, 2024, 01:52:14 pm »

Code: [Select]

header.editor.init = function (ui) {
          ui.$cell
            .find('select')
            .pqSelect({
              multiplePlaceholder: '선택하세요.',
              checkbox: true, //adds checkbox to options
              bootstrap: { on: true },
            })
            .on('change', function (evt) {
              var val = $(this).val();
              console.log(evt);
              $('#selected_option1').text('Selected option: ' + val);
            })
            .pqSelect('open');

          // setTimeout(function () {
          //   ui.$cell.find('select').pqSelect('open');
          // });
        };

1)If you set two items in multiSelect as shown in Figure 1, it will appear as shown in Figure 3. The selected values are shown as shown in Figure 3. Can't I change the value like "1 item, 2 item"??

2) If you change the value as shown in Figure 3, and choose multiSelect again, it will change to the value before the previous change. Which part is wrong??

Code: [Select]

header.editor.attr = 'type="datetime-local"';
        header.editor.init = function (ui) {
          var $inp = ui.$cell.find('input');
          //initialize the editor
          $inp.timepicker({
            timeFormat: 'HH:mm',
            interval: 10,
            minTime: '10',
            maxTime: '6:00pm',
            defaultTime: '11',
            startTime: '10:00',
            dynamic: false,
            dropdown: true,
            scrollbar: true,
            showTimepicker: function () {
              console.log('show');
            },
          });
        };

3) I downloaded Time Picker and selected a cell, but the Time Picker doesn't come up.. It's in edit mode, but the text input window pops up. What's the problem??

11

Help for ParamQuery Pro / pqSelect, timePicker question

« on: February 23, 2024, 10:20:08 am »

The current source is a vue.js environment.

1) Can I use timePicker like datePicker? Please let me know if there is an example source you used.

Code: [Select]

       
header.editor.init = function (ui) {
          ui.$cell.find('select').pqSelect({
            multiplePlaceholder: 'Select Countries',
            checkbox: true, //adds checkbox to options
          });

          setTimeout(function () {
            ui.$cell.find('select').pqSelect('open');
          });
        };2) I did "checkbox: true" to make multiple selections in pqSelect, but only single selections. How do I fix this??

12

Help for ParamQuery Pro / Re: editor question

« on: February 21, 2024, 06:31:55 am »

When the grid is in modification mode, instead of clicking the grid, is it possible to release modification mode when the 'register new' and 'search' buttons are pressed outside the grid? Currently, if it is modification mode, you must click the value inside the grid to release the modification mode.

13

Help for ParamQuery Pro / Re: editor question

« on: February 20, 2024, 01:43:06 pm »

Code: [Select]

this.gridOptions.header = [ {
          title: '작성자' /* 작성자 */,
          dataIndx: 'createUserNm',
          width: 120,
          dataType: 'string',
        },
        {
          title: '작성일' /* 작성일 */,
          dataIndx: 'createDt',
          width: 120,
          dataType: 'string',
        },

        {
          title: 'Order Date2',
          width: '150',
          dataIndx: 'updateDt',
          dataType: 'date',
          format: 'yy-mm-dd',
          cls: 'pq-calendar pq-side-icon',
          editor: {
            type: 'textbox',
            init: function (ui) {
              var $inp = ui.$cell.find('input');
              var grid = this;
              var format = ui.column.format;
              var vald = $inp.val();
              var val = vald
                ? $.datepicker.formatDate(format, new Date(vald))
                : '';

              // initialize the editor
              $inp
                .attr('readonly', 'readonly')
                .val(val)
                .datepicker({
                  changeMonth: true,
                  changeYear: true,
                  dateFormat: format,
                  showAnim: '',
                  onSelect: function () {
                    this.firstOpen = true;
                  },
                  beforeShow: function (input, inst) {
                    setTimeout(function () {
                      $('.ui-datepicker').css('z-index', 999999999999);
                    });
                  },
                  onClose: function () {
                    this.focus();
                  },
                });
            },
          },
          validations: [
            {
              type: 'regexp',
              value: '^[0-9]{2}/[0-9]{2}/[0-9]{4}$',
              msg: '날짜형식에 맞게 입력하세요.',
            },
          ],
        },
      ];
Grid header code.

You can copy/paste just one cell for the "DataType:" header 'date', but an error occurs when you copy/paste by clicking one row. What should I do?

Code: [Select]

  editModel: {
        clicksToEdit: 2,
      },2) Through the code above, I can do "clicksToEdit: 2" throughout the header, but can I set "clicksToEdit" separately for each header??

14

Help for ParamQuery Pro / Re: editor question

« on: February 20, 2024, 07:52:10 am »

Thank you for your answer.

If I use 'pqSelect', it comes out as shown in the picture, what is wrong? And once I click on the grid, it goes into modification mode, but even if I click on a mouse somewhere other than the grid, I want to end modification mode.

        {
          title: '코드도메인',
          dataIndx: 'codeDomainNm',
          width: 150,
          dataType: 'string',
          cls: 'pq-drop-icon pq-side-icon',
          editor: {
            type: 'select',
            valueIndx: 'codeDomainCd',
            labelIndx: 'codeDomainNm',
            mapIndices: {
              codeDomainNm: 'codeDomainNm',
              codeDomainCd: 'codeDomainCd',
            },
            init: function (ui) {
              ui.$cell.find('select').pqSelect();
              setTimeout(function () {
                ui.$cell.find('select').pqSelect('open');
              });
            },
            options: [],
          },
        }, // 코드도메인


I know how to get a radio box or a checkbox when I click using the 'editor' attribute. However, I used the 'render' attribute to code in html, and I made the radio box checkbox appear on the default screen, and if it's that value, it's checked. But when a change event like onchange occurs, can I change the value of that row??

15

Help for ParamQuery Pro / Re: editor question

« on: February 20, 2024, 05:33:35 am »

Thank you for your answer.

If I use 'pqSelect', it comes out as shown in the picture, what is wrong? And once I click on the grid, it goes into modification mode, but even if I click on a mouse somewhere other than the grid, I want to end modification mode.

I know how to get a radio box or a checkbox when I click using the 'editor' attribute. However, I used the 'render' attribute to code in html, and I made the radio box checkbox appear on the default screen, and if it's that value, it's checked. But when a change event like onchange occurs, can I change the value of that row??