District building-vehicle interactive energy network with systematic energy interactions can improve techno-economic performances and enhance cleaner power penetration, whereas the battery cycling aging will be accelerated due to an increase in frequency of charging/discharging cycles. In this study, a dynamic self-learning grid-responsive strategy was proposed to improve techno-economic performances, energy flexibility, and the relative capacity (RC) of electrochemical batteries, through dynamically adjustable off-peak grid charging power. A collaborative framework on an energy district with building-integrated photovoltaics and electric vehicles has been formulated, through synergic energy interactions and integrations. Cycling aging of both static batteries in buildings and mobile vehicle batteries has been considered. In respect to intrinsic contradiction characteristics of each objective, trade-off solutions have been proposed through multi-objective optimisation. Furthermore, regarding the multiple optimal solutions along the Pareto front, a weighted Eulerian distance-based methodology was adopted to identify the ‘best of best’ solution and then assist multi-criteria decision-making. Research results show that, with the proposed dynamic self-learning grid-responsive strategy, the grid can provide a more flexible grid-to-battery charging power with a higher RC of batteries, compared to the strategy with dynamic renewable-demand signals. Through the multi-objective optimisation, the import cost can be reduced from 213.2 to 203.8 HK$/m2·a, and the RC can be improved from 0.800 to 0.999. This study also demonstrates a weighted Eulerian distance-based methodology to identify the ‘best of best’ solution to multi-criteria decision-makers. Research results are useful to promote district interactive energy networks in smart cities, with multivariant optimal design, Pareto optimal solutions, and weighted Eulerian distance-based ‘best of best’ solution.