@joko-pitoyogmail-com

@joko-pitoyogmail-com

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 24 total)
1 2
  • Author
    Posts
  • February 1, 2024 at 7:19 am in reply to: Data broken after grouping #109771
    Joko Pitoyo
    Participant

    DataAdapter refresh() not available in react

    February 1, 2024 at 6:44 am in reply to: Data broken after grouping #109770
    Joko Pitoyo
    Participant

    also, DataAdapter not reactive when vehicles update, Grid not automatically update

    January 10, 2024 at 9:26 am in reply to: Integration with svelte error #109649
    Joko Pitoyo
    Participant

    Actually i have another solution, like this, but i prefer using web component style,

    <script>
    import 'smart-webcomponents/source/modules/smart.splitter.js';
</script>
{ @html <smart-splitter id="splitter" live-resize>
    <smart-splitter-item id="item0">
        <p>The tiger (Panthera tigris) is the largest cat species, most recognizable for its pattern of dark vertical stripes on reddish-orange fur with a lighter underside.</p>
    </smart-splitter-item>
    <smart-splitter-item id="item1">
        <h2>BENGAL TIGER</h2>
        <img alt="Test" src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Tiger_in_Ranthambhore.jpg/220px-Tiger_in_Ranthambhore.jpg" />
        <p>The Bengal tiger's coat is yellow to light orange, with stripes ranging from dark brown to black; the belly and the interior parts of the limbs are white, and the tail is orange with black rings.</p>
        <p>Males have an average total length of 270 to 310 cm (110 to 120 in) including the tail, while females measure 240 to 265 cm (94 to 104 in) on average. The tail is typically 85 to 110 cm</p>
    </smart-splitter-item>
</smart-splitter>
    January 8, 2024 at 6:47 pm in reply to: Integration with svelte error #109639
    Joko Pitoyo
    Participant

    hi,

    i already follow guide before, and i have no problem for simple demo like you have metion, but for another component like smart-splitter we got same error, for example:

    +page.svelte

    <script>
    import 'smart-webcomponents/source/modules/smart.splitter.js';
</script>
<smart-splitter id="splitter" live-resize>
    <smart-splitter-item id="item0">
        <p>The tiger (Panthera tigris) is the largest cat species, most recognizable for its pattern of dark vertical stripes on reddish-orange fur with a lighter underside.</p>
    </smart-splitter-item>
    <smart-splitter-item id="item1">
        <h2>BENGAL TIGER</h2>
        <img alt="Test" src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/17/Tiger_in_Ranthambhore.jpg/220px-Tiger_in_Ranthambhore.jpg" />
        <p>The Bengal tiger's coat is yellow to light orange, with stripes ranging from dark brown to black; the belly and the interior parts of the limbs are white, and the tail is orange with black rings.</p>
        <p>Males have an average total length of 270 to 310 cm (110 to 120 in) including the tail, while females measure 240 to 265 cm (94 to 104 in) on average. The tail is typically 85 to 110 cm</p>
    </smart-splitter-item>
</smart-splitter>

    above sample will not appear in web browser, and got same error in console log:

    smart-splitter: "insertBefore" method accepts an object or an array of objects as it's second parameter.

[HMR][Svelte] Unrecoverable HMR error in <Root>: next update will trigger a full reload
Uncaught (in promise) smart-splitter: "insertBefore" method accepts an object or an array of objects as it's second parameter.
    • This reply was modified 10 months, 2 weeks ago by Joko Pitoyo.
    • This reply was modified 10 months, 2 weeks ago by Joko Pitoyo.
    June 17, 2022 at 10:42 pm in reply to: Grid + Pagination+ PHP Problem #103316
    Joko Pitoyo
    Participant

    your sample does not using PHP as source data… so this no problem…. the problem happend when using php as source data…

    April 14, 2022 at 7:20 am in reply to: getSelection vs getSelectedRows #103081
    Joko Pitoyo
    Participant

    <div>
    <div>getSelectedRows(); this doesnot return selected rows but return array index at index=0 and data index=1, why?</div>
    <div></div>
    </div>

    April 12, 2022 at 8:44 am in reply to: Button disable inside form #103072
    Joko Pitoyo
    Participant

    controlType=’group’ default is ‘smart-form-group smart-disabled’, howto make default enable?

    February 4, 2022 at 7:53 am in reply to: Load form from internet is possible? #102857
    Joko Pitoyo
    Participant

    another trial load dynamic form;

     

    //dynamic_form.php

    <smart-form id=”profileForm”>
    <smart-form-group id=”employee” label=”Employee” data-field=”employee”>
    <smart-form-group data-field=”name”>
    <smart-form-control info=”Enter First Name” required placeholder=”First Name” control-type=”input” data-field=”firstName” label=”First Name” class=”outlined”></smart-form-control>
    <smart-form-control info=”Enter Last Name” required placeholder=”Last Name” control-type=”input” data-field=”lastName” label=”Last Name” class=”outlined”></smart-form-control>
    </smart-form-group>
    <smart-form-group label=”Details” data-field=”details”>
    <smart-form-control placeholder=”Company Name” required control-type=”input” data-field=”company” label=”Company” class=”outlined”></smart-form-control>
    <smart-form-control placeholder=”Address” required control-type=”input” data-field=”address” label=”Address” class=”outlined”></smart-form-control>
    <smart-form-control placeholder=”City” required control-type=”input” data-field=”city” label=”City” class=”outlined”></smart-form-control>
    <smart-form-control placeholder=”State” required control-type=”input” data-field=”state” label=”State” class=”outlined”></smart-form-control>
    <smart-form-control placeholder=”Zip / Postal Code” required control-type=”input” data-field=”zip” label=”Zip / Postal Code” class=”outlined”></smart-form-control>
    </smart-form-group>
    <smart-form-group columns=”2″>
    <smart-form-control align=”right” control-type=”submit” label=”Submit” class=”primary”></smart-form-control>
    <smart-form-control align=”left” action=”reset” control-type=”button” label=”Reset”></smart-form-control>
    </smart-form-group>
    </smart-form-group>
    </smart-form>

     

    //javascript

    $(“#container”).load(‘dyanmic_form.php’,function(){});

    form not appear

    February 4, 2022 at 7:51 am in reply to: Load form from internet is possible? #102856
    Joko Pitoyo
    Participant

    this work for me, but when submit, no data send to action

     

    <form id=”profileForm” method=”post” action=”../scripts/user/save.php”>

    <div class=”smart-form-row”>
    <label>
    Login Name:
    </label>
    <smart-input class=”underlined” form-control-name=”login”></smart-input>
    </div>
    <div class=”smart-form-row”>
    <label>
    E-Mail:
    </label>
    <smart-input class=”underlined” form-control-name=”email”></smart-input>
    </div>
    <div class=”smart-form-row”>
    <div class=”smart-form-row”>
    <label>
    Street:
    </label>
    <smart-input class=”underlined” form-control-name=”street”></smart-input>
    </div>

    <div class=”smart-form-row”>
    <label>
    City:
    </label>
    <smart-input class=”underlined” form-control-name=”city”></smart-input>
    </div>

    <div class=”smart-form-row”>
    <label>
    State:
    </label>
    <smart-input class=”underlined” form-control-name=”state”></smart-input>
    </div>

    <div class=”smart-form-row”>
    <label>
    Zip Code:
    </label>
    <smart-input class=”underlined” form-control-name=”zip”></smart-input>
    </div>
    </div>
    <div class=”smart-form-row submit”>
    <!– <smart-button class=”success” form-control-name=”submit” type=”submit”>Submit</smart-button> –>
    <smart-button id=”btnCancel” class=”small-button error”>Cancel/Close</smart-button>
    <smart-button id=”btnSave” class=”small-button success”>Save</smart-button>
    </div>
    </form>

     

    //javascript

    document.getElementById(‘profileForm’).submit();

     

    February 4, 2022 at 6:11 am in reply to: Load form from internet is possible? #102853
    Joko Pitoyo
    Participant

    thanks this work for me

    February 4, 2022 at 3:53 am in reply to: documentation should be more detailed #102851
    Joko Pitoyo
    Participant

    for combobox please add inline dataSource access to ajax directly :

    <smart-combo-box dataSource=”url:some_file.php,valueMember:’id’,displayMember:’nama'”></smart-combo-box>

    February 4, 2022 at 3:48 am in reply to: documentation should be more detailed #102849
    Joko Pitoyo
    Participant

    please provide default style compact, for tabs, datagrid, smart-textbox,etc

    • This reply was modified 2 years, 9 months ago by Joko Pitoyo.
    February 4, 2022 at 3:47 am in reply to: documentation should be more detailed #102848
    Joko Pitoyo
    Participant

    just a suggestion, it’s better if each component has a data option property like <smart-combo-box data-options=”width:300;height:30″>

    <smart-combo-box data-options=”fit:true”> //for width:100%

     

    form combobox hav capabilites to hold data record, so when selected item we can get data record mode detail

    February 4, 2022 at 3:42 am in reply to: generate grid column from html #102847
    Joko Pitoyo
    Participant

    any plan to add this feature?

    February 3, 2022 at 9:41 am in reply to: generate grid column from html #102838
    Joko Pitoyo
    Participant

    i try this code, but not working:

    `
    <div>
    <div> <smart-grid id=”table”></div>
    <div>                    <table></div>
    <div>                        <thead></div>
    <div>                            <tr></div>
    <div>                                <th scope=”col”>Country</th></div>
    <div>                                <th scope=”col”>Area</th></div>
    <div>                                <th scope=”col”>Population_Rural</th></div>
    <div>                                <th scope=”col”>Population_Total</th></div>
    <div>                                <th scope=”col”>GDP_Total</th></div>
    <div>                            </tr></div>
    <div>                        </thead></div>
    <div>                        <tbody></div>
    <div>                            <tr></div>
    <div>                                <td>Brazil</td></div>
    <div>                                <td>8515767</td></div>
    <div>                                <td>0.15</td></div>
    <div>                                <td>205809000</td></div>
    <div>                                <td>2353025</td></div>
    <div>                            </tr></div>
    <div>                            <tr></div>
    <div>                                <td>China</td></div>
    <div>                                <td>9388211</td></div>
    <div>                                <td>0.46</td></div>
    <div>                                <td>1375530000</td></div>
    <div>                                <td>10380380</td></div>
    <div>                            </tr></div>
    <div>                            <tr></div>
    <div>                                <td>France</td></div>
    <div>                                <td>675417</td></div>
    <div>                                <td>0.21</td></div>
    <div>                                <td>64529000</td></div>
    <div>                                <td>2846889</td></div>
    <div>                            </tr></div>
    <div>                            <tr></div>
    <div>                                <td>Germany</td></div>
    <div>                                <td>357021</td></div>
    <div>                                <td>0.25</td></div>
    <div>                                <td>81459000</td></div>
    <div>                                <td>3859547</td></div>
    <div>                            </tr></div>
    <div>                            <tr></div>
    <div>                                <td>India</td></div>
    <div>                                <td>3287590</td></div>
    <div>                                <td>0.68</td></div>
    <div>                                <td>1286260000</td></div>
    <div>                                <td>2047811</td></div>
    <div>                            </tr></div>
    <div>                            <tr></div>
    <div>                                <td>Italy</td></div>
    <div>                                <td>301230</td></div>
    <div>                                <td>0.31</td></div>
    <div>                                <td>60676361</td></div>
    <div>                                <td>2147952</td></div>
    <div>                            </tr></div>
    <div>                            <tr></div>
    <div>                                <td>Japan</td></div>
    <div>                                <td>377835</td></div>
    <div>                                <td>0.07</td></div>
    <div>                                <td>126920000</td></div>
    <div>                                <td>4616335</td></div>
    <div>                            </tr></div>
    <div>                            <tr></div>
    <div>                                <td>Russia</td></div>
    <div>                                <td>17098242</td></div>
    <div>                                <td>0.26</td></div>
    <div>                                <td>146544710</td></div>
    <div>                                <td>1857461</td></div>
    <div>                            </tr></div>
    <div>                            <tr></div>
    <div>                                <td>United States</td></div>
    <div>                                <td>9147420</td></div>
    <div>                                <td>0.19</td></div>
    <div>                                <td>323097000</td></div>
    <div>                                <td>17418925</td></div>
    <div>                            </tr></div>
    <div>                            <tr></div>
    <div>                                <td>United Kingdom</td></div>
    <div>                                <td>244820</td></div>
    <div>                                <td>0.18</td></div>
    <div>                                <td>65097000</td></div>
    <div>                                <td>2945146</td></div>
    <div>                            </tr></div>
    <div>                        </tbody></div>
    <div>                    </table></div>
    <div>                </smart-grid></div>
    </div>
    <div>`</div>

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 24 total)
1 2