getuikit | 易学教程

Adding element to array via UIKit modal not working in vuejs

阅读更多关于 Adding element to array via UIKit modal not working in vuejs

问题 I have a table on my page that displays an array of "currency" objects: <tbody> <tr v-for="currency in currencies" v-bind:key="currency.Name"> <td class="uk-width-medium">{{currency.Enabled}}</td> <td class="uk-width-medium">{{currency.Name}}</td> <td class="uk-width-medium">{{currency.MinDepositAmount}}</td> ... I have a "+" button that displays a modal popup where the user can fill in values. <payment-method-currency-modal id="paymentMethodCurrencyPopup" :currency="newCurrency" @onSave=

Rotativa generated PDF not respecting UIkit grid

阅读更多关于 Rotativa generated PDF not respecting UIkit grid

问题 I want to generate a PDF from an specified view respecting my actual CSS. <html> <head> <meta charset="utf-8" /> <style> .justify { text-align: justify; text-rendering: geometricPrecision; } .center { text-align: center; } body { font-size: 15px; white-space: normal; line-height: 110%; text-rendering: geometricPrecision; } .rightheader { font-size: 12px; } .bigger{ font-size:18px; } </style> <link href="~/Content/uikit.css" rel="stylesheet" /> <link href="~/Content/CartaSates.css" rel=

UIkit 3's Filter component: Set active filter with URL hash - unable to change active filter with JS

阅读更多关于 UIkit 3's Filter component: Set active filter with URL hash - unable to change active filter with JS

问题 I'm trying to pass a hash to an URL to set a UIkit filter. <div uk-filter="target:.js-filter"> <ul> <li class="uk-active" uk-filter-control><a href="#">All</a></li> <li uk-filter-control="filter:[data-color='blue'];"><a href="#"></a></li> <li uk-filter-control="filter:[data-color='white'];"><a href="#"></a></li> </ul> <ul class="js-filter"> <li data-color="blue"></li> <li data-color="white"></li> </ul> </div> So, for example, if I go to http://example.com/#white the thing shows only the white

How to correctly append dynamic GetUIKit accordions?

阅读更多关于 How to correctly append dynamic GetUIKit accordions?

问题 I'm trying to dynamically append UIKit Accordions into a sortable list. The initial items (accordions) are working, but the dynamically appended is not working. HTML <div class="second-list" data-uk-observe> <div class="uk-sortable uk-margin uk-accordion" data-uk-sortable="{group:'test'}" data-uk-accordion="{showfirst: false}"> <div class="uk-margin"> <div class="uk-panel uk-panel-box uk-accordion-title">Item 1 <button class="uk-button delete-btn">×</button> </div> <div class="uk-accordion

UIKit accordion and ng-repeat doesn't work

阅读更多关于 UIKit accordion and ng-repeat doesn't work

问题 I'm adding new accordion sections to my UIKit data-uk-accordion dynamically, using ng-repeat. <div class="uk-accordion" data-uk-accordion="{ collapse: false }"> <h3 class="uk-accordion-title uk-active" ng-repeat-start="driver in drivers">Driver {{driver.id}}</h3> <div class="uk-accordion-content" ng-repeat-end> ... </div> When I add new accordion sections and I click on the title to collapse, I'm getting the following error: TypeError: wrapper is undefined, on line 73 of accordion.js in UIkit

Why does applying uk-width-1-1 effect child divs of uk-grid but not nested divs of child?

阅读更多关于 Why does applying uk-width-1-1 effect child divs of uk-grid but not nested divs of child?

问题 Why is 100% width not applied in this implementation (where the class uk-width-1-1 is applied to nested div of child of grid container): <div uk-grid>  <div>  <div class="uk-width-1-1 mine">Row 01</div>  <div class="mine">Row 02</div> </div> </div> However it is applied when implementing like this (where the class uk-width-1-1 is applied to child of grid container): <div uk-grid>  <div

UIkit uploader: Getting the uploaded file

阅读更多关于 UIkit uploader: Getting the uploaded file

问题 I need to get the uploaded file for pushing it to the list of files, but I'm not able to do it... I hope someone could help me: UIkit.upload('.test-upload', { url: `/api/gridfs/${driver}`, ... completeAll() { setTimeout(function() { bar.setAttribute('hidden', 'hidden'); }, 1000); // Here: fileList.push(???); } }); I've tried by different ways, callbacks, etc. but none of them worked. I really don't know how could I get the file!! Thank you in advance. 回答1: The upload component has url option.

UIkit - how to get order with the sortable component?

阅读更多关于 UIkit - how to get order with the sortable component?

问题 I implemented the UIkit sortable component and added a stop event. But I can't figure out how to calculate the new order if an item has been dragged. So far the only thing I can think of is giving each item an id then calculating based upon that id, but it doesn't seem like the proper way to do so 回答1: There is a quite simple way of achieving this. The element stores originalEvent where you can find also explicitOriginalTarget - our moved element. As it is wrapped in li inside ul, I went up

uikit 3 catch events

阅读更多关于 uikit 3 catch events

问题 I use uikit v3 and I'm trying to log clicks in a uikit lightbox/slideshow. After the event "itemshow" I would like to send a log request to piwik. The piwik request is not the problem, but i'm not able to catch the event "itemshow". https://getuikit.com/docs/lightbox#javascript $(function () { $("div.uk-lightbox").on('itemshow', function() { alert("it works"); // it does not... }); }); https://jsfiddle.net/nypd6L2u/1/ 回答1: The problem with events is, that it actually is not triggered on the